These are chat archives for FreeCodeCamp/HelpFrontEnd

3rd
Aug 2017
Bryan Reese
@breese8009
Aug 03 2017 00:02
This message was deleted
Gulsvi
@gulsvi
Aug 03 2017 00:06
@breese8009 figure it out?
jQuery HTTP links
Bryan Reese
@breese8009
Aug 03 2017 00:06
nah i just realized i was in front end room an i never go in here lol do u see the problem?
@SkyC0der
here ill post it again
who can tell me why its only giving the html for the last element of array of data?? I want it to spit out all the days ... https://github.com/breese8009/weatherApp
Gulsvi
@gulsvi
Aug 03 2017 00:07
@breese8009 From a quick glance, you have a couple of links pointing to jQuery over HTTP instead of HTTPS
But if this is happening for you locally, I'll have to copy/paste into codepen to debug
Bryan Reese
@breese8009
Aug 03 2017 00:07
yea its happening locally
but yea ill have to take care of https
I dont think its a bug, I think its a vanilla js issue
lol
i did this so i could work on my vanilla js
iso
@iso1048
Aug 03 2017 00:09
@breese8009 perhaps something to do with the forEach. Im not 100% sure but since it acts like a for-loop, the first html element you create gets replaced with the second, then the second gets replaced by the third and so on, so you end up with the last element. Is that a plausible explanation? (i am no expert)
Bryan Reese
@breese8009
Aug 03 2017 00:09
manipulating the dom
iso
@iso1048
Aug 03 2017 00:09
as opposed to .append() which would add the elements onto the existing html.... i dunno
Bryan Reese
@breese8009
Aug 03 2017 00:10
hmm
shit i hate to do this to you guys, but i gotta go.... if u can still help ill be back later....u can contribute or tag me an ill be back to see it later
@gothamknight @SkyC0der thank u guys
CamperBot
@camperbot
Aug 03 2017 00:12
breese8009 sends brownie points to @gothamknight and @skyc0der :sparkles: :thumbsup: :sparkles:
:cookie: 340 | @gothamknight |http://www.freecodecamp.com/gothamknight
:star2: 2290 | @skyc0der |http://www.freecodecamp.com/skyc0der
Gulsvi
@gulsvi
Aug 03 2017 00:13
@breese8009 A lot going on with your <head> resources, and using += for your innerHTML helps, but still some more to do. https://s.codepen.io/anon/pen/Mvjmrv?editors=1010
You'll need recreate each row for each forecast day in your js
iso
@iso1048
Aug 03 2017 00:15
@SkyC0der was what i wrote by any chance correct?
Gulsvi
@gulsvi
Aug 03 2017 00:15
@gothamknight Yes, good catch :)
iso
@iso1048
Aug 03 2017 00:16
yus
Pagnito
@Pagnito
Aug 03 2017 00:52
@EgnaroDev sup
Addison
@addisonday
Aug 03 2017 01:00

Instructions "Add a new album to the myMusic array. Add artist and title strings, release_year number, and a formats array of strings." Not sure what I am doing wrong here. I've already Read and Searched. Last step is to ask.

Any useful tips/hints?


var myMusic = [
  {
    "artist": "Billy Joel",
    "title": "Piano Man",
    "release_year": 1973,
    "formats": [ 
      "CS", 
      "8T", 
      "LP" ],
    "gold": true
  }
  // Add record here
];

var myAlbum = [
  {
    "artist" : "Beyonce",
    "title" : "This",
    "release_year" :  "2017",
    "formats" : [
      "CD",
      "Cassette",
      "LP"
    ],
    "gold": true
  }
];

myMusic.push(myAlbum);
Gulsvi
@gulsvi
Aug 03 2017 01:01
@addisonday If you want two objects in your myMusic array, push myAlbum[0] or change myAlbum by removing the square brackets [ ]
Addison
@addisonday
Aug 03 2017 01:04
@SkyC0der Thank you. I'll give that a shot and let you know if I have troubles. What you said makes sense to me.
CamperBot
@camperbot
Aug 03 2017 01:04
addisonday sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2291 | @skyc0der |http://www.freecodecamp.com/skyc0der
Gulsvi
@gulsvi
Aug 03 2017 01:04
I forget what challenge that is, but if you can remind me of the title, there might be more to do
Addison
@addisonday
Aug 03 2017 01:07
@SkyC0der Manipulating Complex Objects is the challenge title. Just removing the [ ] didn't work.
Gulsvi
@gulsvi
Aug 03 2017 01:07
@addisonday Looks like you also need the year to be a number, so change "2017" to 2017
Addison
@addisonday
Aug 03 2017 01:08
@SkyC0der Good catch!
Gulsvi
@gulsvi
Aug 03 2017 01:08
Did it pass?
:shipit:
Addison
@addisonday
Aug 03 2017 01:10
@SkyC0der Yes,

var myMusic = [
  {
    "artist": "Billy Joel",
    "title": "Piano Man",
    "release_year": 1973,
    "formats": [ 
      "CS", 
      "8T", 
      "LP" ],
    "gold": true
  }
  // Add record here
];

var myAlbum =
  {
    "artist" : "Beyonce",
    "title" : "This",
    "release_year" : 2017,
    "formats" : [
      "CD",
      "Cassette",
      "LP"
    ],
    "gold": true
  };

myMusic.push(myAlbum);
Gulsvi
@gulsvi
Aug 03 2017 01:10
Cool! :clap:
Hello911
@Hello911
Aug 03 2017 01:13
I have difficulty using Google Place API Photos. Ok so I have the photo reference. if I type the API request url into the browser search bar. A image will appear. But if I request it in my API, how do I use that url? Like there is no JSON
```
function getPhoto(ref){
  var req= new XMLHttpRequest();
  req.onreadystatechange=function(){
    if(this.readyState=400&&this.status==200){
      //WHAT DO I PUT HERE?
    }//if ends
  }//onready ends
  req.open('GET','https://cors-anywhere.herokuapp.com/https://maps.googleapis.com/maps/api/place/photo?maxwidth=1600&photoreference='+ref+'&key=AIzaSyCT29W6SNwLvsEtJa5VFmm9_4f6hv5n2sI', true);
  req.send();
}
Gulsvi
@gulsvi
Aug 03 2017 01:24
@Hello911 If you can give me JS that runs, I can help. You should be able to use the getUrl() method against the array you get back, but with that proxy server in the way, no photo reference mentioned, and nothing logging to the console, it's hard to give you good guidance
Type your zipcode in. The first API is geocoding to get lng and lat. Then is the second API to get photo reference based on location. The third API is to get the image with a url consisting of that photo reference.
Gulsvi
@gulsvi
Aug 03 2017 01:29
I'm in canada - what's a good zip code to use?
zip code = USA only :)
Hello911
@Hello911
Aug 03 2017 01:29
11355
NY
CallMeOrange
@EgnaroDev
Aug 03 2017 01:31
@SkyC0der Did you use a loop for Missing letters?
Hello911
@Hello911
Aug 03 2017 01:31
My problem is, when I put the 3rd url into my browser search bar and hit enter, I see a image. And in the search bar, I have its url. But I don't how to access the url. It's not listed in a JSON.
Gulsvi
@gulsvi
Aug 03 2017 01:32
I'm not getting any JSON back, only errors like "unexpected end of input". I used the Places API in my Weather App, but not with XmlHttpRequest
CallMeOrange
@EgnaroDev
Aug 03 2017 01:32
I'm thinking of to use .charCodeAt(), .fromCharCode with a for loop
with .filter() also..
Hello911
@Hello911
Aug 03 2017 01:33
@SkyC0der I got a photo reference code.
So the 2nd API is working.
I read your code. But I don't understand it
CallMeOrange
@EgnaroDev
Aug 03 2017 01:33
Nvm, I'll check out forum
Gulsvi
@gulsvi
Aug 03 2017 01:34
This is the basic @Hello911
new google.maps.places.PlacesService(new google.maps.Map($("#map")[0])
  ).getDetails({ placeId: id }, (place, status) => {

  let photos = place.photos.map(photo => photo.getUrl());
});
$("#map")[0] refers a div with id="map"
I'm at a loss with the XMLHttpRequest code though :/
CallMeOrange
@EgnaroDev
Aug 03 2017 01:38
I can't think of a way to do this without a for loop..
is it possible?
Hello911
@Hello911
Aug 03 2017 01:47
@SkyC0der I think my API request has no problem since I my url works, and I copy and pasted the code from previous successful request. But the thing is I am not seeing a array. Do you mean this: https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=40.760793899999996,-73.8175935&radius=2000&key=AIzaSyCT29W6SNwLvsEtJa5VFmm9_4f6hv5n2sI
Gulsvi
@gulsvi
Aug 03 2017 01:48
Hmmm, I see that - but not sure what to do with it either. I used a place ID rather than a photo reference
@EgnaroDev Yes, I used a loop
@Hello911 Sorry...not seeing how to do that with a photo reference :/
Hello911
@Hello911
Aug 03 2017 01:51
@SkyC0der Ok I try place ID approach
Thanks man
Gulsvi
@gulsvi
Aug 03 2017 01:52
Good luck - that API took me a whole day to figure out :p
CallMeOrange
@EgnaroDev
Aug 03 2017 01:54
@SkyC0der for loop?
:walking:
Gulsvi
@gulsvi
Aug 03 2017 01:56
Any loop will work :walking:
CallMeOrange
@EgnaroDev
Aug 03 2017 01:56
Alright
CallMeOrange
@EgnaroDev
Aug 03 2017 02:04
lol, I ended up doing same thing...
Pagnito
@Pagnito
Aug 03 2017 02:16
@SkyC0der dude have u used codesandbox?
CallMeOrange
@EgnaroDev
Aug 03 2017 02:16
There is no such as playing code in sandbox
sandbox is for kids
but have you heard of this?? https://codesandbox.io/
:trollface:
Pagnito
@Pagnito
Aug 03 2017 02:18
lol
dude im about to drop codepen an move over to sandbox
CallMeOrange
@EgnaroDev
Aug 03 2017 02:18
Nice
Pagnito
@Pagnito
Aug 03 2017 02:18
even tho i beraly use codepen at this point, sometimes i do for quick stuff and testing
CallMeOrange
@EgnaroDev
Aug 03 2017 02:18
Hm..
repl.it is better than codepen for testing imo
Pagnito
@Pagnito
Aug 03 2017 02:19
but its nice cuz sandbox seems to have a ability to support multiple files
CallMeOrange
@EgnaroDev
Aug 03 2017 02:19
oh
Pagnito
@Pagnito
Aug 03 2017 02:19
yea
its awesome
and multiple folders too
Mike
@MikeJSchorah
Aug 03 2017 02:26
Thanks @khaduch
CamperBot
@camperbot
Aug 03 2017 02:26
mikejschorah sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3160 | @khaduch |http://www.freecodecamp.com/khaduch
Ken Haduch
@khaduch
Aug 03 2017 02:31
@MikeJSchorah - what did I do? It must have been a while ago?
Ken Haduch
@khaduch
Aug 03 2017 02:47
@MikeJSchorah - but you're welcome, for sure! :)
akosuadenell
@akosuadenell
Aug 03 2017 02:58

@akosuadenell

<header>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
</head>

</header>

<body>
<div class="grid">
<div class="navbar"> <a href="#aboutsection">ABOUT</a> <a href="#portfoliosection">PORTFOLIO</a> <a href="#contactsection">CONTACT</a> </div>
<div class="header" id="aboutsection">
<p> Front-End Developer and web designer, with practical experience in project management, branding strategy, and creative direction; devoted to functional programming and information architecture.</p><br/><br/>
<p>Web Developer - User Experience Designer - Graphic Artist<p>

</div>
<div class="portfolio" id="portfoliosection">PORTFOLIO</div>
<div class="contact" id="contactsection">CONTACT ME</div>
<div class="footer">
<p>AROUND THE WEB </p>
<button class="w3-button w3-circle w3-teal">+<i class="fa fa-linkedin"></i></button></div>
</div>

</body>

*{
margin: 0;
padding: 0;
font-family: 'Oswald', Sans-serif;

}

.grid div:nth-child(even) {
background-color: #e6e6e6;
}
.grid div:nth-child(odd) {
background-color: #55d6aa;
align-content: center;
}
.grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;

}
.navbar {
grid-column:1/5;
text-align:right;
height:50px;
padding-top:25px;
padding-bottom:25px;
padding-right:15px;
font-size:30px;
box-shadow: 3px 3px 3px #d1d1e0;
}
.header {
grid-column:2/4;
display:grid;
grid-template-columns: 1fr 1fr;

}
.portfolio{
grid-column:2/4;
}
.contact{
grid-column:2/4;
}
.footer{
grid-column:1/5;
text-align: center;
height:80px;
font-size:30px;
}
.navbar a {
color: #444;
text-decoration:none;
}

.navbar a:hover {
color: #000;
background-color:#ffffff;
}
can anyone tell me why my font awesome button isn't working
I am trying to create a circle shaped button with a font awesome icon

akosuadenell
@akosuadenell
Aug 03 2017 03:03
no I didnt
I didn't realize that was something I had to do
is that like importing a font to my page?
Manish Giri
@Manish-Giri
Aug 03 2017 03:05
all fa classes are made available through the font awesome library
I think they mentioned that in one of the challenges at fcc
akosuadenell
@akosuadenell
Aug 03 2017 03:08

<header>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<link https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css>
</head>

</header>

<body>
<div class="grid">
<div class="navbar"> <a href="#aboutsection">ABOUT</a> <a href="#portfoliosection">PORTFOLIO</a> <a href="#contactsection">CONTACT</a> </div>
<div class="header" id="aboutsection">
<p> Front-End Developer and web designer, with practical experience in project management, branding strategy, and creative direction; devoted to functional programming and information architecture.</p><br/><br/>
<p>Web Developer - User Experience Designer - Graphic Artist<p>

</div>
<div class="portfolio" id="portfoliosection">PORTFOLIO</div>
<div class="contact" id="contactsection">CONTACT ME</div>
<div class="footer">
<p>AROUND THE WEB </p>
<button class="w3-button w3-circle w3-teal">+<i class="fa fa-linkedin"></i></button></div>
</div>

</body>

this is the updated code, it still isn't working
I linked it at the top
Johnny
@jtan3
Aug 03 2017 03:08
@akosuadenell similar to importing your font or look at the challenge up there https://www.freecodecamp.org/challenges/add-font-awesome-icons-to-our-buttons
akosuadenell
@akosuadenell
Aug 03 2017 03:09
they did not import font awesome in that challenge
I tried to link but it doesn't seem to be working. here is the codepen link
Manish Giri
@Manish-Giri
Aug 03 2017 03:10
In this case, we've already added it for you to this page behind the scenes.
I think they did
Johnny
@jtan3
Aug 03 2017 03:10
@akosuadenell its in the instructions there's a link to font-awesome in red
Manish Giri
@Manish-Giri
Aug 03 2017 03:10
@akosuadenell go to the css window, click on the settings icon, add your link there
akosuadenell
@akosuadenell
Aug 03 2017 03:15
@Manish-Giri thanks for all your help! I am brand new at this
CamperBot
@camperbot
Aug 03 2017 03:15
akosuadenell sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6351 | @manish-giri |http://www.freecodecamp.com/manish-giri
akosuadenell
@akosuadenell
Aug 03 2017 03:15
now I would like to know why it isn't a circle shaped button
Manish Giri
@Manish-Giri
Aug 03 2017 03:15
@akosuadenell did it work?
akosuadenell
@akosuadenell
Aug 03 2017 03:15
can you help me with that?
the icon is there, but I wanted the button to be a circle
Manish Giri
@Manish-Giri
Aug 03 2017 03:16
okay
as far as I'm aware
font awesome doesn't modify your button shapes
it adds icons
anyway, your pen link?
CallMeOrange
@EgnaroDev
Aug 03 2017 03:18
@akosuadenell If you want button to be circle, just add border-radius, do you remember how to make an image circle?
Manish Giri
@Manish-Giri
Aug 03 2017 03:19
@akosuadenell your bootstrap styles aren't applied properly
the same way you added font awesome via settings tag, at the same place, there's a dropdown under "quick-add"
select bootstrap 3 from the list
CallMeOrange
@EgnaroDev
Aug 03 2017 03:20
so the problem is adding links..
Gulsvi
@gulsvi
Aug 03 2017 03:20
The code used is from W3.css not bootstrap: https://www.w3schools.com/w3css/4/w3.css
CallMeOrange
@EgnaroDev
Aug 03 2017 03:24
@SkyC0der I have a problem with Missing letters
I have everything fine so far but when a string e.g. abc already exist in a range (alpabet) I get '\u0000'
I tried to compare it but..
return (res === '\u0000')? undefined:String.fromCharCode(res);
Wait.. thats not what I'm supposed to do..
Never mind :/
!res works but not what Im supposed to do
Gulsvi
@gulsvi
Aug 03 2017 03:26
I'm looking at that exercise
CallMeOrange
@EgnaroDev
Aug 03 2017 03:26
Its ok, I'll figure it out :)
Gulsvi
@gulsvi
Aug 03 2017 03:26
it's been 5 months since I've thought much about it
function myFunc(res) {
  return (res === '\u0000') ? undefined : String.fromCharCode(res);
}

console.log(myFunc('\u0000')) // undefined
CallMeOrange
@EgnaroDev
Aug 03 2017 03:27
strange
function fearNotLetter(str) {
  var alphabet = "abcdefghijklmnopqrstuvwxyz";
  var arr = [];
  for (var i = 0; i < str.length; i++){
    arr.push(alphabet.charCodeAt(i));
  }
  var res = arr.filter(function(e, i){
    return e !== str.charCodeAt(i);
  })[0];
  return (res === "a")? undefined:String.fromCharCode(res);
}
fearNotLetter("xy");
Sorry I have to go, you can leave feedbacks
:wave:
Gulsvi
@gulsvi
Aug 03 2017 03:28
adios :wave:
gsea4
@gsea4
Aug 03 2017 03:51
Hey Sky
Gulsvi
@gulsvi
Aug 03 2017 03:52
Hello @gsea4 Did you get your twitter button working okay?
gsea4
@gsea4
Aug 03 2017 03:52
Not really man, I'm so frustrated with it.
Gulsvi
@gulsvi
Aug 03 2017 03:53
The twitter widget can be a pain - have you thought about making your own button that looks the same?
gsea4
@gsea4
Aug 03 2017 03:53
There is still a delay between my get quote button and twitter button
yeah I'm about to do that
that would be a lot easier but the twitter widget annoys me so bad lol
I'll try to tackle it again tomorrow, and If I can't figure it out, I'll create my own button
Gulsvi
@gulsvi
Aug 03 2017 03:56
@gsea4 I have an example of it working fine here: https://codepen.io/skycoder/pen/NvRapG?editors=0010
I wonder if it's because you load your script in your HTML? I put mine in the settings...
The rest of your code should have worked more reliably...
gsea4
@gsea4
Aug 03 2017 03:56
let me try to do that
Gulsvi
@gulsvi
Aug 03 2017 03:57
That might be why I needed the twttr.ready() event
twttr.ready(twttr => twttr.events.bind("loaded", getQuote));
gsea4
@gsea4
Aug 03 2017 04:01
It still does that whe I load it in the settings, let me try to hide the entire page and display it just like yours to see what will happen
Gulsvi
@gulsvi
Aug 03 2017 04:03
hmmmm, mine has the same problem if I only hide the buttons
It might be where your #twit.empty() was too...
gsea4
@gsea4
Aug 03 2017 04:08
Lol, I hide the body tag when button is clicked, everything else is hidden, somehow the Twitter button finds someway to cheat it and appears on the page
Gulsvi
@gulsvi
Aug 03 2017 04:08
What if you move your $("#twit").empty(); inside your getJSON callback function?
gsea4
@gsea4
Aug 03 2017 04:09
it still does the same thing
Gulsvi
@gulsvi
Aug 03 2017 04:09
That's really annoying :/
gsea4
@gsea4
Aug 03 2017 04:10
I think the problem is when the Tweet button is created
gsea4
@gsea4
Aug 03 2017 04:15
it seems like only display: none is able to hide it, anything else cannot. And that's a weird thing also, so I have a div that wraps around the two buttons, I use display none to hide that div, create the Tweet button, then only display it back in the callback function of that tweet button, so the tweet button should be already created. But when I display the div back, there is a delay before the tweet button appears
Gulsvi
@gulsvi
Aug 03 2017 04:16
but there's a weird flash of the buttons
gsea4
@gsea4
Aug 03 2017 04:22
I think the problem I have is in here
twttr.ready(
twttr => twttr.events.bind("loaded", function() {
$("#btn").on("click", getQuote);
})
);
it is working now. So I think the problem with mine was my code actually executed before the button is loaded properly
Gulsvi
@gulsvi
Aug 03 2017 04:23
That seems to work much better
Lallo Vigil
@lalov1
Aug 03 2017 04:23
This used to work, but isn't working anymore. Could someone tell me why? https://codepen.io/lalov1/pen/bZjGvA
Gulsvi
@gulsvi
Aug 03 2017 04:24
I just tried adding that to your pen @gsea4 but for some reason it still didn't work lol. Maybe the 2000 ms fadeIn is also helping
Difficult button...

@lalov1

Fetch API cannot load https://wind-bow.gomix.me/twitch-api/channels/rampageishuman. Redirect from 'https://wind-bow.gomix.me/twitch-api/channels/rampageishuman' to 'https://wind-bow.glitch.me/twitch-api/channels/rampageishuman' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://s.codepen.io' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Try replacing the gomix.me in your URLs with glitch.me
gsea4
@gsea4
Aug 03 2017 04:27
@SkyC0der It is really working, I'm feeling happy now lol. I guess I will need to read some more about the events in Twitter's widgets.
Gulsvi
@gulsvi
Aug 03 2017 04:27
:) that's always a good thing lol
Lallo Vigil
@lalov1
Aug 03 2017 04:27
@SkyC0der Thanks! when did they switch that? It wasn't working awhile back
CamperBot
@camperbot
Aug 03 2017 04:27
lalov1 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2294 | @skyc0der |http://www.freecodecamp.com/skyc0der
gsea4
@gsea4
Aug 03 2017 04:28
Thanks alot man @SkyC0der
CamperBot
@camperbot
Aug 03 2017 04:28
gsea4 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2295 | @skyc0der |http://www.freecodecamp.com/skyc0der
Gulsvi
@gulsvi
Aug 03 2017 04:28
@gsea4 I'll admit, not many succeed at using that widget in their quote machine project. Big pat on the back - weather app soon :)
@lalov1 I think go-mix.me changed to glitch.me a few months ago.
March'ish
Lallo Vigil
@lalov1
Aug 03 2017 04:35
@SkyC0der Thanks, Again!
CamperBot
@camperbot
Aug 03 2017 04:35
lalov1 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:warning: lalov1 already gave skyc0der points
gsea4
@gsea4
Aug 03 2017 04:36
@SkyC0der ha ha thanks man. I'm feeling more motivated to get more challenges down now lol.
CamperBot
@camperbot
Aug 03 2017 04:36
gsea4 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:warning: gsea4 already gave skyc0der points
Konnor Timmons
@KonnorTimmons1297
Aug 03 2017 04:37
Hello, I am working on the Advanced Algorithm: "No Repeats Please" and I am having trouble implementing Heaps Algorithm. The code is runny properly, and I can see what it is calculating by outputting it to the console, but for some reason it all hits the fan when I try to push the results onto an array.

function permAlone(str) {
  getPermutations(str);
}

function getPermutations(str){
  var dataArray = str.split('');
  var resultArr = [];

  heapsAlgo(dataArray.length);

  function heapsAlgo(n){
    if(n == 1){
      return dataArray;
    }else{
      for(var i = 0; i < n; i++){
        if(n % 2 === 0){
          swap(0, n-1);
        }else{
          swap(i, n-1);
        }
      }
      //resultArr.push(dataArray);
      heapsAlgo(n-1);
    }
  }

  function swap(ind1, ind2){
    var temp = dataArray[ind1];

    dataArray[ind1] = dataArray[ind2];
    dataArray[ind2] = temp;

    resultArr.push(dataArray);
    console.log(resultArr);
  }

  return resultArr;
}

permAlone('aab');
heroiczero
@heroiczero
Aug 03 2017 04:50
@KonnorTimmons1297 dont you need to filter it so you only get " don't have repeated consecutive letters"
Konnor Timmons
@KonnorTimmons1297
Aug 03 2017 04:52
@heroiczero Yes, but I haven't gotten to the part of filtering it because my implementation of Heaps Algorithm is broken
@heroiczero It's funny because I was able to easily jump into Python and implement one really quick
heroiczero
@heroiczero
Aug 03 2017 04:54
@KonnorTimmons1297 i mean the other part of the code looks fine
Konnor Timmons
@KonnorTimmons1297
Aug 03 2017 04:55
@heroiczero Hmm, let me try something else and if it doesn't work, I'll show you what it is outputting
@heroiczero So this is what it is outputting.
heroiczero
@heroiczero
Aug 03 2017 05:05
@KonnorTimmons1297 resultArr.push(dataArray); might be in the wrong spot
Konnor Timmons
@KonnorTimmons1297
Aug 03 2017 05:05
@heroiczero The output doesn't change even if you move it
heroiczero
@heroiczero
Aug 03 2017 05:07
@KonnorTimmons1297 heapsAlgo(n-1); shouldn't this be in the for loop
because it is in the for loop in https://en.wikipedia.org/wiki/Heap%27s_algorithm
Konnor Timmons
@KonnorTimmons1297
Aug 03 2017 05:08
@heroiczero I've been moving it in and out, but it has made no difference on the output
@heroiczero According to the Wiki, yes it is supposed to be in the for loop, but in trying to debug and find the problem I decided to play around with the placement of the statement to see if it made any significant changes on the output...it hasn't
Konnor Timmons
@KonnorTimmons1297
Aug 03 2017 05:13
I'm beginning to think that it has something to do with all the processes going at once, causing a conflict on the dataArray var
heroiczero
@heroiczero
Aug 03 2017 05:17
@KonnorTimmons1297 when n===1 arent you trying to return the Output(A) which in turn is you want to push dataArray.join('') into your resultArr
@KonnorTimmons1297 maybe it is late here so i might spewing nonsense lol
Lallo Vigil
@lalov1
Aug 03 2017 05:18
I'm trying to get the controls to float on top of my simon game. I'm still having a lot of problems with the layout. Any Suggestions? https://codepen.io/lalov1/pen/MvgvxY?editors=1100
Konnor Timmons
@KonnorTimmons1297
Aug 03 2017 05:18
@heroiczero It is late here too, I think I'm going to try again tomorrow. Thanks for your help though friend!
CamperBot
@camperbot
Aug 03 2017 05:18
konnortimmons1297 sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1570 | @heroiczero |http://www.freecodecamp.com/heroiczero
ThePineal
@ThePineal
Aug 03 2017 06:15
how do you make a link modify the text/page on the page you linked to? (adding quote to tweet box after linking to twitter)
Randy Goldsmith
@Dueldrawer8
Aug 03 2017 06:25
could someone check to see if the FCC weather api is working? its not outputting the data at all.. neither is it in the example weather app
Liam Docherty
@ldocherty1
Aug 03 2017 06:37
Hi, how can I centre my button? https://jsfiddle.net/bcwj3seL/1/ I used `text-center. However, I don't think I done it correctly
<a class="btn btn-outline-primary text-center" href="#" role="button">Link</a>
Timur Kasiev
@KasiMaru
Aug 03 2017 06:37
Hi everyone! Please help, I'm starting to hate flexbox, my life and everything else. Here is the pen: https://codepen.io/KasiMaru/pen/OjRzNE I need to make images resize when there is not enough space and have some blank space between them. How to do it?
iso
@iso1048
Aug 03 2017 06:41
@Dueldrawer8 use darksky api rather than openweathermap api...?
@ldocherty1 you could use text-align:center for the div the button is nested in
ThePineal
@ThePineal
Aug 03 2017 07:10
@gothamknight thanks
CamperBot
@camperbot
Aug 03 2017 07:10
thepineal sends brownie points to @gothamknight :sparkles: :thumbsup: :sparkles:
:cookie: 341 | @gothamknight |http://www.freecodecamp.com/gothamknight
alpox
@alpox
Aug 03 2017 07:12
@KasiMaru did you mean this effect? https://codepen.io/alpox/pen/wqzyBV
Timur Kasiev
@KasiMaru
Aug 03 2017 07:38
@alpox No, you've deleted fixed width of the container, that's not it. Fixed width should be preserved, but flexible content should adapt and shrink
alpox
@alpox
Aug 03 2017 07:57
@KasiMaru Content can only adapt to their parent container. If the parent container does not shrink, its content won't shrink either as long as you don't directly refer to the viewport width/height
Will Waymel
@willwaymel
Aug 03 2017 08:00
hey, I'm just changing the css of my microservice, but can't figure out why in the mobile view the font of my footer looks so small .... even though in the devtools it says it's still 16px, when I view it as an iPhone 6 it's tiny... https://way-shorter-url.glitch.me/
blob
Timur Kasiev
@KasiMaru
Aug 03 2017 08:03
@alpox this is what I was trying to do: https://codepen.io/KasiMaru/pen/OjRzNE maybe I've described my problem incorrectly
@alpox Thanks and sorry for the weirdness! :3
CamperBot
@camperbot
Aug 03 2017 08:04
kasimaru sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:star2: 1289 | @alpox |http://www.freecodecamp.com/alpox
Clyde Lobo
@oppiniated
Aug 03 2017 09:42
@willwaymel add this inside the head <meta name="viewport" content="width=device-width, initial-scale=1">
Will Waymel
@willwaymel
Aug 03 2017 09:42
@oppiniated I was thinking it had something to do with that... but on glitch I didn't know where to put it ( :) I'm not used to messing with that outside codepen, i'm such a noob...) let me try
Clyde Lobo
@oppiniated
Aug 03 2017 09:43
But, it might enlarge the other text, since your body text is set to 49px
Will Waymel
@willwaymel
Aug 03 2017 09:44
@oppiniated perfect. that fixed it. Thank you! I don't see where it's set to 49px... i think its 16?
CamperBot
@camperbot
Aug 03 2017 09:44
willwaymel sends brownie points to @oppiniated :sparkles: :thumbsup: :sparkles:
:cookie: 621 | @oppiniated |http://www.freecodecamp.com/oppiniated
Thayyeb salim
@Thayyebsalim
Aug 03 2017 09:55
@SkyC0der Could explain how you did this please
https://codepen.io/anon/pen/oezzoG
Henry
@GitHub-Henry
Aug 03 2017 10:51
@Thayyebsalim looks like flex
Tanushree Samanta
@TSamanta
Aug 03 2017 11:56
hi! if I want to do a paid web development course should I go for offline/online one to one live training or should I do courses from udemy pluralsight
sumit choubey
@sumit12301
Aug 03 2017 12:04
guys help me where I am wrong here ???
image.png
Akash Gajjar
@skywalker212
Aug 03 2017 12:05

`
$.ajax({
url: "https://wind-bow.glitch.me/twitch-api/channels/" + streamers[i],
dataType: 'json',
type: 'GET',
success: function(reply) {
if (reply.status == 404) {
avail = 404;
} else {
avail = "Active Account";
imageLink = reply.logo;
description = reply.status;
}
}
});
if (avail != 404) {
$.ajax({
url: "https://wind-bow.glitch.me/twitch-api/streams/" + streamers[i],
dataType: 'json',
type: 'GET',
success: function(data) {
if (data.stream == null) {
status = "offline";
} else {
status = "online";
}
}
});
}else {
status = "not found";
}

`

can somebody tell me how to make these requests synchronous?
$.ajax({
    url: "https://wind-bow.glitch.me/twitch-api/channels/" + streamers[i],
    dataType: 'json',
    type: 'GET',
    success: function(reply) {
      if (reply.status == 404) {
        avail = 404;
      } else {
        avail = "Active Account";
        imageLink = reply.logo;
        description = reply.status;
      }
    }
  });
  if (avail != 404) {
    $.ajax({
      url: "https://wind-bow.glitch.me/twitch-api/streams/" + streamers[i],
      dataType: 'json',
      type: 'GET',
      success: function(data) {
        if (data.stream == null) {
          status = "offline";
        } else {
          status = "online";
        }
      }
    });
  }else {
    status = "not found";
  }
h1tag
@h1tag
Aug 03 2017 12:09
@sumit12301 you should be doing something like the example
sumit choubey
@sumit12301
Aug 03 2017 12:09
@h1tag like how ??
I didn't get it
m new for JS
h1tag
@h1tag
Aug 03 2017 12:12
@sumit12301 in the example, they're first assigning a value to first variable, then they're assigning the first variable to the second one (which basically assigns the contents of the first variable to the second one)
Akash Gajjar
@skywalker212
Aug 03 2017 12:12
can anybody tell me how to make ajax requests synchronous?
Markus Kiili
@Masd925
Aug 03 2017 12:15
@skywalker212 Don't ;)
It is better to change the code structure to work asynchronously.
Akash Gajjar
@skywalker212
Aug 03 2017 12:17
so should i do the ajax request in the html page itself, before the document is ready?
Markus Kiili
@Masd925
Aug 03 2017 12:18
@skywalker212 No, the JS code should run after the document is ready. You need to use the ajax response inside the ajax callback function.
@skywalker212 If you need to do two requests, you can do the second request inside the callback function of the first request. That way you can use both responses inside the second callback. There are also fancier ways to do it but that is good at first.
Akash Gajjar
@skywalker212
Aug 03 2017 12:20
okay
didnt have that in my mind
thanks @Masd925
CamperBot
@camperbot
Aug 03 2017 12:20
skywalker212 sends brownie points to @masd925 :sparkles: :thumbsup: :sparkles:
:star2: 4375 | @masd925 |http://www.freecodecamp.com/masd925
Akash Gajjar
@skywalker212
Aug 03 2017 12:27
function ajax1() {
  return $.ajax({
    url: "https://wind-bow.glitch.me/twitch-api/channels/" + streamers[i],
    dataType: 'json',
    type: 'GET',
    success: function(reply) {
      if (reply.status == 404) {
        avail = 404;
      } else {
        avail = "Active Account";
        imageLink = reply.logo;
        description = reply.status;
      }
    }
  });
}
should the callback function be like this?
and then
ajax1().done(function(a1){
      \\some process
});
@Masd925
okay, now i got it all wrong, you were talking about the success function right :sweat_smile:
Darth Skywalker
@AdiSkywalker
Aug 03 2017 12:51
@skywalker212 You don't need to check this part if (reply.status == 404) { in success callback
success is called only when status is 200
Akash Gajjar
@skywalker212
Aug 03 2017 12:56
@AdiSkywalker thanks :D
CamperBot
@camperbot
Aug 03 2017 12:56
skywalker212 sends brownie points to @adiskywalker :sparkles: :thumbsup: :sparkles:
:cookie: 323 | @adiskywalker |http://www.freecodecamp.com/adiskywalker
Akash Gajjar
@skywalker212
Aug 03 2017 12:58
but wont the api return json regardless of the page availability?
i checked the link and it returns json in the browser @AdiSkywalker
Darth Skywalker
@AdiSkywalker
Aug 03 2017 13:02
@skywalker212 Yeah it does.. But what is your question exactly?
Sorry I'm not getting it
Akash Gajjar
@skywalker212
Aug 03 2017 13:07
i mean if the user does not exist then the api still returns json object in which status patameter is set to 404
that's why i had that condition
Darth Skywalker
@AdiSkywalker
Aug 03 2017 13:08
Oh! I see
Then you're right
I wrongly assumed you were checking for response status
Akash Gajjar
@skywalker212
Aug 03 2017 13:08
okay :smile:
adityac0620
@adityac0620
Aug 03 2017 14:28

Could anyone point out why this program does not work

``` function truthCheck(collection, pre)
{
// Is everyone being true?
//var td=false;
var ts;
var tp;
for (var i = 0; i < collection.length; i++)
{
ts = collection[i];
if (ts.hasOwnProperty(pre) && ts[pre] != null && ts[pre] != "")
{}
else
{
return false;
}
}
return true;
}

truthCheck([{"single": "double"}, {"single": NaN}], "single"); ```

Koderkid1936
@Koderkid1936
Aug 03 2017 14:55
A 'Package' in Java is a collection of classes related to one another. <---- Is this statement true ?
Jack Lyons
@JackEdwardLyons
Aug 03 2017 14:55
hey guys i have a CSS z index question -- i'm wondering why my div won't come forward?
the left red circle needs to be in front and ive tried z index, the only way it works is if i do not nest the red circle div
is it because of the clip path?
Liam Docherty
@ldocherty1
Aug 03 2017 15:05
Hi, does anyone have any good examples of inspirational navigation bars that are unique? I'm working on my portfolio and doing something similar to this homepage. https://caferati.me
Stanislav Chernov
@Beaglefoot
Aug 03 2017 15:16
@JackEdwardLyons hey, take a look at this version. Is that what you wanted?
https://codepen.io/Beaglefoot/pen/LjRaMp?editors=1100
Jack Lyons
@JackEdwardLyons
Aug 03 2017 15:21
hey @Beaglefoot yeah thats what i wanted, but then the ear isn't nested with the head
do you think it matters much?
i mean im just being picky here lol
Stanislav Chernov
@Beaglefoot
Aug 03 2017 15:23
it really doen't matter if you have no specific goal about structuring your project
Pagnito
@Pagnito
Aug 03 2017 15:24
@SkyC0der
yo
Akash Gajjar
@skywalker212
Aug 03 2017 15:30
how can I make synchronous ajax request,
I am stuck on this problem today :sweat_smile:
Jack Lyons
@JackEdwardLyons
Aug 03 2017 15:39
ok fair enough, thanks @skywalker212
CamperBot
@camperbot
Aug 03 2017 15:39
jackedwardlyons sends brownie points to @skywalker212 :sparkles: :thumbsup: :sparkles:
:cookie: 278 | @skywalker212 |http://www.freecodecamp.com/skywalker212
Jack Lyons
@JackEdwardLyons
Aug 03 2017 15:39
@Beaglefoot not @skywalker212
Stanislav Chernov
@Beaglefoot
Aug 03 2017 15:39
@skywalker212 AJAX is Asynchronous JavaScript and XML
there is no point making in synchronous
Liam Docherty
@ldocherty1
Aug 03 2017 15:40
How can I make the outline of my button be the colour white? In addition, when a user hovers over the button what hex code is that? https://jsfiddle.net/b60vmwyc/3/
Akash Gajjar
@skywalker212
Aug 03 2017 15:43
@Beaglefoot I mean i want to fetch all the json first and then do my work, how do i do that?
Stanislav Chernov
@Beaglefoot
Aug 03 2017 15:45
this is not how things work with ajax
check this article, you'll get the idea
Liam Docherty
@ldocherty1
Aug 03 2017 15:46
Does anyone have an example of how I can implement smooth scrolling into my site?
Akash Gajjar
@skywalker212
Aug 03 2017 15:46
@Beaglefoot thanks
CamperBot
@camperbot
Aug 03 2017 15:46
skywalker212 sends brownie points to @beaglefoot :sparkles: :thumbsup: :sparkles:
:cookie: 326 | @beaglefoot |http://www.freecodecamp.com/beaglefoot
Aman Kumayu
@aman-kumayu
Aug 03 2017 15:58
hellow fellow developers
Liam Docherty
@ldocherty1
Aug 03 2017 16:08
Anyone familiar with bootstrap v4? Just a quick question regarding font size in relation to CSS.
Eric Weiss
@eweiss17
Aug 03 2017 16:11
@ldocherty1 what is the question
Gulsvi
@gulsvi
Aug 03 2017 16:15

@Thayyebsalim That pen uses the Bootstrap Flexbox Utilities: https://v4-alpha.getbootstrap.com/utilities/flexbox/
The minimum HTML needed is:

<div class="row h-100 align-items-center text-center">
  <div class="col">
    <h3>Vertically and Horizontally Centered Text</h3>
  </div>
</div>

And, the parent of that HTML needs to have a height specified in CSS.

Jamal Taylor
@Louis345
Aug 03 2017 16:19
can anyone hel pme with the smallestCommons?
Liam Docherty
@ldocherty1
Aug 03 2017 16:21
@eweiss17 No worries all sorted :) thanks though. @SkyC0der Thanks for letting me know I will look into this further.
CamperBot
@camperbot
Aug 03 2017 16:21
ldocherty1 sends brownie points to @eweiss17 and @skyc0der :sparkles: :thumbsup: :sparkles:
:cookie: 585 | @eweiss17 |http://www.freecodecamp.com/eweiss17
:star2: 2296 | @skyc0der |http://www.freecodecamp.com/skyc0der
Ekam Walia
@kelsier27
Aug 03 2017 16:25
Hello campers. I am trying to work on a responsive design. I am curious as to how i should test my site. Should i just reduce the size of the browser window or use chrome console?
Koderkid1936
@Koderkid1936
Aug 03 2017 16:26
API's are prewritten classes <----- is this statement true ?
ashish singh
@ashish1729
Aug 03 2017 16:27
@EkamWalia in chrome devtools .. you will see tabs like 'elemen' and ' console' ... , on left of that there will be an icon of tablet and mobile.. its small . click on it
Roxroy
@roxroy
Aug 03 2017 16:28
@EkamWalia , I normally start off with changing the browser window width. Once it is working I then use chrome dev tools to check specific mobile devices - phone and tablets.
Koderkid1936
@Koderkid1936
Aug 03 2017 16:33
@ashish1729 thank you
CamperBot
@camperbot
Aug 03 2017 16:33
koderkid1936 sends brownie points to @ashish1729 :sparkles: :thumbsup: :sparkles:
:cookie: 378 | @ashish1729 |http://www.freecodecamp.com/ashish1729
ashish singh
@ashish1729
Aug 03 2017 16:33
:)
Ekam Walia
@kelsier27
Aug 03 2017 16:35
Roxroy
Thanks!
Liam Docherty
@ldocherty1
Aug 03 2017 17:35
Hi, I'm trying to list my buttons vertically without the bullet points in the middle. Here is my attempt can anyone guide me through the process. https://jsfiddle.net/pnwxctgh/2/
I did check this out https://v4-alpha.getbootstrap.com/components/list-group/. However, I think I was reading the wrong thing as everything went white on my page
DJ Douglass
@zb1ackcat
Aug 03 2017 17:37
Just remove the <li> </li>
Just remove the <li> </li>
Liam Docherty
@ldocherty1
Aug 03 2017 17:38
it's not vertically aligned still
Stanislav Chernov
@Beaglefoot
Aug 03 2017 17:41
leave <li>'s where they are and add this to your css:
li {
  list-style-type: none;
}
DJ Douglass
@zb1ackcat
Aug 03 2017 17:42
Or you can switch <li> to <p> to create new paragraphs
Liam Docherty
@ldocherty1
Aug 03 2017 17:50
They have edged to the right and they're overlapping now https://jsfiddle.net/pnwxctgh/5/
DJ Douglass
@zb1ackcat
Aug 03 2017 17:53
Using <p> will fix that with the padding in bootstrap, or you can add some padding to one of the classes you are already using or create new class with padding or manually add the style to the element. I think <p> would be easiest.
Johnny
@jtan3
Aug 03 2017 17:53
@ldocherty1 you can add margin to the li to create space between them.
Liam Docherty
@ldocherty1
Aug 03 2017 17:56
@zb1ackcat Yes, I changed the <li> to the <p>tag and the space between buttons is much better. However, they're still more towards the right than the centre? Should I try putting text-center as the class of the <p>tags to centre them?
http://imgur.com/a/FwH5R see how the buttons are not in the middle?
Johnny
@jtan3
Aug 03 2017 18:00
@ldocherty1 looks pretty centered.
Pagnito
@Pagnito
Aug 03 2017 18:01
@SkyC0der yo
Liam Docherty
@ldocherty1
Aug 03 2017 18:01
@jtan3 The arrow and text is in the centre and the buttons are more towards the right
DJ Douglass
@zb1ackcat
Aug 03 2017 18:01
@jtan3 @ldocherty1 No he is right, it is just a little to the right. I think <p> is giving an indent
Liam Docherty
@ldocherty1
Aug 03 2017 18:01
could something be blocking it
Gulsvi
@gulsvi
Aug 03 2017 18:02
@Pagnito Hello
Pagnito
@Pagnito
Aug 03 2017 18:02
@SkyC0der dude i just seen an ad on webflow, and i gotta be honest that shit impressed me
Gulsvi
@gulsvi
Aug 03 2017 18:03
I don't think I've read about webflow, what is it?
DJ Douglass
@zb1ackcat
Aug 03 2017 18:03
This is not a good answer, but it might help track down the issue, p {
text-indent: -25px;
}
fixes the problem.
James Moore
@James-N-M
Aug 03 2017 18:04
Anyone know of any tutorials for vue projects
Pagnito
@Pagnito
Aug 03 2017 18:05
@SkyC0der its like photoshop for building websites...i guess its not as scalable or something bad damn that shit is impressive
James Moore
@James-N-M
Aug 03 2017 18:05
like a video series dedicated to making a project with vue js 2 and like laravel or somthing
Gulsvi
@gulsvi
Aug 03 2017 18:05
I'll check it out :neckbeard:
Pagnito
@Pagnito
Aug 03 2017 18:06
@SkyC0der i kind of hate how nice it is
lol
Liam Docherty
@ldocherty1
Aug 03 2017 18:06
@zb1ackcat Cheers for your time. @SkyC0der Can you help me with something please?
@SkyC0der I'm trying to centre my buttons vertically https://jsfiddle.net/pnwxctgh/8/ and they're currently slanted to the right
Gulsvi
@gulsvi
Aug 03 2017 18:07
Sure, I'll take a look @ldocherty1
Liam Docherty
@ldocherty1
Aug 03 2017 18:07
@SkyC0der Thanks :)
CamperBot
@camperbot
Aug 03 2017 18:07
ldocherty1 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2297 | @skyc0der |http://www.freecodecamp.com/skyc0der
Gulsvi
@gulsvi
Aug 03 2017 18:08
@ldocherty1 Use an unstyled list instead - you can add a top margin to each button to separate them vertically as needed:
<ul class="list-unstyled">
  <div class="chevron-row">
    <li><button type="button" class="btn btn-success btn-outline btn-lg">Web Development Portfolio</button></li>
    <li><button type="button" class="btn btn-success btn-outline btn-lg">GFX Portfolio</button></li>
    <li><button type="button" class="btn btn-success btn-outline btn-lg">Contact Me</button></li>
  </div>
</ul>
.chevron-row li {
  margin-top: 15px;
}
Liam Docherty
@ldocherty1
Aug 03 2017 18:10
@SkyC0der Perfect thanks for your time. Do I switch the px to rem due to using bootstrap v4. In the documentation it does say do this. However, just checking :)
CamperBot
@camperbot
Aug 03 2017 18:10
ldocherty1 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:warning: ldocherty1 already gave skyc0der points
Gulsvi
@gulsvi
Aug 03 2017 18:11
@ldocherty1 rem works great too - then you can change the main font size for those elements and the margin will automatically adjust to match
Liam Docherty
@ldocherty1
Aug 03 2017 18:12
@SkyC0der Great
Gulsvi
@gulsvi
Aug 03 2017 18:12
Glad that worked out ;)
Liam Docherty
@ldocherty1
Aug 03 2017 18:13
Trying to make an arrow that I got from font-awesome bounce up and down. Still in my early days of JS. However, can someone link me a page or the specific title within the JS course on this site in order for me to see how I can do it? thx
Gulsvi
@gulsvi
Aug 03 2017 18:15
@ldocherty1 With keyframes you can do it all in CSS: https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes
Liam Docherty
@ldocherty1
Aug 03 2017 18:16
@SkyC0der Interesting I will have a look now
Gulsvi
@gulsvi
Aug 03 2017 18:21
Liam Docherty
@ldocherty1
Aug 03 2017 18:31
@SkyC0der Thanks for the example.
CamperBot
@camperbot
Aug 03 2017 18:31
ldocherty1 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:warning: ldocherty1 already gave skyc0der points
Liam Docherty
@ldocherty1
Aug 03 2017 18:39
Instead of me copying and pasting the "download animation.css" code into my css. How can I link the site and then just apply the animate class name to my div
 ` <link rel="stylesheet" href="https://daneden.github.io/animate.css/">`
Would this be the trick in order to not have to copy and paste the full css
Gulsvi
@gulsvi
Aug 03 2017 18:48
The most recent one is here: https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css
You can look at the non-minified version to grab a specific animation out of it and then copy/paste directly into your CSS if you don't want to link up to the whole file: https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css
Updated the pen above to use the animate.css bounce effect
Liam Docherty
@ldocherty1
Aug 03 2017 18:56
@SkyC0der Thanks a lot for your time today much appreciated!
CamperBot
@camperbot
Aug 03 2017 18:56
ldocherty1 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:warning: ldocherty1 already gave skyc0der points
Gulsvi
@gulsvi
Aug 03 2017 19:09
Any time!
aRtoo
@artoodeeto
Aug 03 2017 19:12
hi guys. im on the 2nd part of the algo challenge. i have completed the first challenge but im not satisfied. my code is too long. can you share you thoughts?? thanks.
function sumAll(arr) {

 var max = Math.max.apply(null,arr);
 var min = Math.min.apply(null,arr);
 var newArr = [];

   for(var i = min; i<=max; i++){
        newArr.push(i);
     }

  var result =  newArr.reduce(function(a,b){
      return a+b;
    });

  return result;

}

sumAll([10,5]);
Gulsvi
@gulsvi
Aug 03 2017 19:42
@artoodeeto Try doing it without pushing everything to an array and reducing it. You can add i to a variable on every loop and then return the variable instead
aRtoo
@artoodeeto
Aug 03 2017 19:44
@SkyC0der u mean not use a reduce? i can solve it with for loop but the challenge has reduce in it so i thought u need it
Gulsvi
@gulsvi
Aug 03 2017 19:44
@artoodeeto You don't have to use reduce, it's just a recommendation. I'm not sure why, to be honest :)
@artoodeeto The sum all numbers in a range solution is nearly identical to factorialize a number, only you are adding instead of multiplying
Roxroy
@roxroy
Aug 03 2017 19:49
@artoodeeto, rather than having a for and a reduce loop, you can use one loop to track the sum. For performance, even though the hint is to use 'reduce', I would stick with the for loop and accumuate the total while looping from min to max. Also as @SkyC0der mentioned, you can use recursion to also solve it.
aRtoo
@artoodeeto
Aug 03 2017 19:50
@SkyC0der yea. but i really thought that every method they ask u have to use it. i can just use for loop
@roxroy sorry sir but i dont know how recursion work
CallMeOrange
@EgnaroDev
Aug 03 2017 19:59
:walking:
Gulsvi
@gulsvi
Aug 03 2017 19:59
@artoodeeto You don't have to use the methods they suggest, they're just "helpful links". I wasn't suggesting recursion, I was suggesting you look at your solution for factorialize a number and apply that solution to your sum all numbers challenge.
Liam Docherty
@ldocherty1
Aug 03 2017 19:59
Trying to implement this video below into my codepen https://codepen.io/liamdocherty1/pen/OjbLmK as the part1 section background where do I place it in the html?
<video autoplay loop id="video-background" muted plays-inline>
  <source src="https://player.vimeo.com/external/158148793.hd.mp4?s=8e8741dbee251d5c35a759718d4b0976fbf38b6f&profile_id=119&oauth2_token_id=57447761" type="video/mp4">
</video>
Gulsvi
@gulsvi
Aug 03 2017 20:00
@ldocherty1 It may help to study this page to see how they do it: https://s.codepen.io/dudleystorey/pen/knqyK?editors=1100
aRtoo
@artoodeeto
Aug 03 2017 20:00
@SkyC0der yea i got it sir. result += i; thats on for loop
Gulsvi
@gulsvi
Aug 03 2017 20:01
:clap:
Nice and clean solution
Roxroy
@roxroy
Aug 03 2017 20:01
@artoodeeto, recursion is a coding method whether the function calls itself. It uses the stack to save data between instantiation. Recursion is in stark contract to procedural coding whether a loop is used and there is no need for a stack. Recursion can lead to stackoverflow if a lot of info is pushed on the stack.
CallMeOrange
@EgnaroDev
Aug 03 2017 20:02
@SkyC0der You should add codewars link to your profile
aRtoo
@artoodeeto
Aug 03 2017 20:02
@roxroy damn! thats deep. reading it its like a quote from the a famous someone. hahaha. i just youtube recursion yesterday. they had a good example and easy to understand. ill look into it. thanks\
CamperBot
@camperbot
Aug 03 2017 20:02
artoodeeto sends brownie points to @roxroy :sparkles: :thumbsup: :sparkles:
:star2: 1086 | @roxroy |http://www.freecodecamp.com/roxroy
iso
@iso1048
Aug 03 2017 20:04
20476499_1428355880546619_6296729789763980342_n.jpg
Gulsvi
@gulsvi
Aug 03 2017 20:04
@EgnaroDev I'm not too proud of my codewars work yet :p
CallMeOrange
@EgnaroDev
Aug 03 2017 20:04
Okay
@gothamknight lol
Eric Weiss
@eweiss17
Aug 03 2017 20:05
@SkyC0der 100% win rate?
CallMeOrange
@EgnaroDev
Aug 03 2017 20:06
@SkyC0der 40/37
Gulsvi
@gulsvi
Aug 03 2017 20:06
I've solved 100% of the problems I've solved :)
image.png
CallMeOrange
@EgnaroDev
Aug 03 2017 20:06
lol
Did you take that picture
Gulsvi
@gulsvi
Aug 03 2017 20:07
No, it's an old picture I think. Some 90s cars surrounding that bug
CallMeOrange
@EgnaroDev
Aug 03 2017 20:07
oh
Would be better if it says CODE
or I:heart:CODE
Eric Weiss
@eweiss17
Aug 03 2017 20:08
oh, its not a bug, its a feature
i get it
that's what i tell people who point out mistakes in my code
Gulsvi
@gulsvi
Aug 03 2017 20:09
:confetti_ball:
CallMeOrange
@EgnaroDev
Aug 03 2017 20:09
This message was deleted
:walking: ...
it looks like you are working on Simon Game
Gulsvi
@gulsvi
Aug 03 2017 20:15
I'm trying to make the code work on mobile
seems to work fine on desktop
Uncaught DOMException: Failed to construct 'AudioContext': The number of hardware contexts provided (6) is greater than or equal to the maximum bound (6).
Figured it out: oscillator.onended = () => audioCtx.close();
Koderkid1936
@Koderkid1936
Aug 03 2017 20:21
So now that we got 'CSS grid' has 'Flexbox' become obsolete ?
CallMeOrange
@EgnaroDev
Aug 03 2017 20:22
@SkyC0der Sorted Union, did you use .filter()?
I'm stuck..
Gulsvi
@gulsvi
Aug 03 2017 20:23
@EgnaroDev Yeah, I used .filter
Corbled
@Corbled
Aug 03 2017 20:23
hello guys
Gulsvi
@gulsvi
Aug 03 2017 20:23
hello @Corbled
Corbled
@Corbled
Aug 03 2017 20:23
Just looking for some help and criticism on the first project
CallMeOrange
@EgnaroDev
Aug 03 2017 20:23
Hm..
CallMeOrange
@EgnaroDev
Aug 03 2017 20:24
Looks Nice
Corbled
@Corbled
Aug 03 2017 20:24
I'm wondering why the text doesnt stay centered when I make the web browser window smaller
CallMeOrange
@EgnaroDev
Aug 03 2017 20:24
Well when window became smaller, it doesn't have enough space, imo
Gulsvi
@gulsvi
Aug 03 2017 20:25
@Corbled This col-md-6 col-md-offset-3 means to make it 100% wide on screens smaller than md
for md and larger screens, it will be 50% wide and offset by 25% from the left
Corbled
@Corbled
Aug 03 2017 20:26
oh ok
Gulsvi
@gulsvi
Aug 03 2017 20:26
Try changing the md to sm and see if you like that better
Corbled
@Corbled
Aug 03 2017 20:27
will give it a go now, thank you
@SkyC0der That's exactly what I was looking for thank you
CamperBot
@camperbot
Aug 03 2017 20:28
corbled sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2298 | @skyc0der |http://www.freecodecamp.com/skyc0der
Gulsvi
@gulsvi
Aug 03 2017 20:28
Be sure to also remove Bootstrap 4 from your codepen settings @Corbled Your HTML is set up for Bootstrap 3 - the two versions are not compatible
(Glad that helped though)
Corbled
@Corbled
Aug 03 2017 20:29
brownie points?
Yeah it's what I was looking for
CallMeOrange
@EgnaroDev
Aug 03 2017 20:29
@Corbled Danke
CamperBot
@camperbot
Aug 03 2017 20:29
egnarodev sends brownie points to @corbled :sparkles: :thumbsup: :sparkles:
:cookie: 118 | @corbled |http://www.freecodecamp.com/corbled
CallMeOrange
@EgnaroDev
Aug 03 2017 20:30
?
Corbled
@Corbled
Aug 03 2017 20:30
Just a general question, is it better to avoid inline styling and keep all of it that in css to make things easier to edit?
CallMeOrange
@EgnaroDev
Aug 03 2017 20:30
lol
Gulsvi
@gulsvi
Aug 03 2017 20:31
It's best to put everything in your CSS
CallMeOrange
@EgnaroDev
Aug 03 2017 20:31
Agreed
Corbled
@Corbled
Aug 03 2017 20:31
makes sense, just making sure
CamperBot
@camperbot
Aug 03 2017 20:31
skyc0der sends brownie points to @skyc0derobrigado :sparkles: :thumbsup: :sparkles:
:warning: @skyc0derobrigado's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Gulsvi
@gulsvi
Aug 03 2017 20:32
have to change my name to that ^^
CallMeOrange
@EgnaroDev
Aug 03 2017 20:32
@SkyC0der why?
Corbled
@Corbled
Aug 03 2017 20:32
Also is there a way to round off the borders of the columns created
CallMeOrange
@EgnaroDev
Aug 03 2017 20:33
@SkyC0der it says its not connected with freeCodeCamp but I think that account already exist in GitHub?
hm.
@fadgsdgnhgsgfs danke
CamperBot
@camperbot
Aug 03 2017 20:33
egnarodev sends brownie points to @fadgsdgnhgsgfs :sparkles: :thumbsup: :sparkles:
:warning: @fadgsdgnhgsgfs's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
CallMeOrange
@EgnaroDev
Aug 03 2017 20:33
I see
Gulsvi
@gulsvi
Aug 03 2017 20:33
@Corbled Try the border-radius property: https://www.w3schools.com/cssref/css3_pr_border-radius.asp
@EgnaroDev Change your name to EgnaroDevDanke and every time someone mentions you, you'll get brownie points
CamperBot
@camperbot
Aug 03 2017 20:33
skyc0der sends brownie points to @egnarodev :sparkles: :thumbsup: :sparkles:
:cookie: 537 | @egnarodev |http://www.freecodecamp.com/egnarodev
Gulsvi
@gulsvi
Aug 03 2017 20:33
lol
CallMeOrange
@EgnaroDev
Aug 03 2017 20:34
lol
Really?
Gulsvi
@gulsvi
Aug 03 2017 20:34
yes
CallMeOrange
@EgnaroDev
Aug 03 2017 20:34
Hm...
@EgnaroDevDanke
CamperBot
@camperbot
Aug 03 2017 20:34
egnarodev sends brownie points to @egnarodevdanke :sparkles: :thumbsup: :sparkles:
:warning: @egnarodevdanke's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
CallMeOrange
@EgnaroDev
Aug 03 2017 20:34
wow
Gulsvi
@gulsvi
Aug 03 2017 20:34
:p
CallMeOrange
@EgnaroDev
Aug 03 2017 20:34
lol
iso
@iso1048
Aug 03 2017 20:35
@SkyC0der one guy on here already already has that going for him
Gulsvi
@gulsvi
Aug 03 2017 20:35
That's where I got the idea - last name is "gracia"
CallMeOrange
@EgnaroDev
Aug 03 2017 20:35
oh
iso
@iso1048
Aug 03 2017 20:35
yeah thats it
CallMeOrange
@EgnaroDev
Aug 03 2017 20:36
Tag me :trollface:
iso
@iso1048
Aug 03 2017 20:36
@EgnaroDevDanke
CamperBot
@camperbot
Aug 03 2017 20:36
gothamknight sends brownie points to @egnarodevdanke :sparkles: :thumbsup: :sparkles:
:warning: @egnarodevdanke's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
CallMeOrange
@EgnaroDev
Aug 03 2017 20:36
Epic fail..
Try again
update your info from github
CallMeOrange
@EgnaroDev
Aug 03 2017 20:37
I did
Pyra Dono
@pyradono
Aug 03 2017 20:37
Anyone?
iso
@iso1048
Aug 03 2017 20:38
@SkyC0der completed my thing a while ago: https://gothamknight.github.io/weighted-gpa-calculator/
Gulsvi
@gulsvi
Aug 03 2017 20:38
@pyradono I'm not sure. You're making good progress here and will soon begin working with APIs - you'll eventually be able to try it out and see.
CallMeOrange
@EgnaroDev
Aug 03 2017 20:39
@EgnaroDevDanke
CamperBot
@camperbot
Aug 03 2017 20:39
sorry egnarodevdanke, you can't send brownie points to yourself! :sparkles: :sparkles:
CallMeOrange
@EgnaroDev
Aug 03 2017 20:39
:trollface:
Gulsvi
@gulsvi
Aug 03 2017 20:39
Hello @EgnaroDevDanke
CamperBot
@camperbot
Aug 03 2017 20:39
skyc0der sends brownie points to @egnarodevdanke :sparkles: :thumbsup: :sparkles:
:warning: skyc0der already gave egnarodevdanke points
CallMeOrange
@EgnaroDev
Aug 03 2017 20:39
...
Pyra Dono
@pyradono
Aug 03 2017 20:39
@SkyC0der Thanks for the reply friend. I will continue on!!
CamperBot
@camperbot
Aug 03 2017 20:39
pyradono sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2299 | @skyc0der |http://www.freecodecamp.com/skyc0der
CallMeOrange
@EgnaroDev
Aug 03 2017 20:39
oh yeah
Maybe @EgnaroDevDanke to @GraciaDev .
CamperBot
@camperbot
Aug 03 2017 20:39
egnarodevdanke sends brownie points to @graciadev :sparkles: :thumbsup: :sparkles:
:warning: @graciadev's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
iso
@iso1048
Aug 03 2017 20:40
@EgnaroDevDanke
CamperBot
@camperbot
Aug 03 2017 20:40
gothamknight sends brownie points to @egnarodevdanke :sparkles: :thumbsup: :sparkles:
:cookie: 538 | @egnarodevdanke |http://www.freecodecamp.com/egnarodevdanke
CallMeOrange
@EgnaroDev
Aug 03 2017 20:40
@SkyC0der Can you make an example for for loop as .filter()?
var result = true;
for (...){
  if (!...) result = false;
}
return result
Gulsvi
@gulsvi
Aug 03 2017 20:43
var myArr = [1,2,3,4,5];

myArr.filter(function(element) {
  console.log(element)
});

for(var i = 0; i < myArr.length; i++) {
  var element = myArr[i];
  console.log(element);
}
I think by looking at that you should be able to see how to do it
CallMeOrange
@EgnaroDev
Aug 03 2017 20:44
lol I thought you gave an answer for Sorted Union
Hm.. I think I understand
function uniteUnique(arr) {
  var array = [];
  for (var i = 0; i < arguments.length; i++){
    for (var j = 0; j < arguments[i].length; j++){
      array.push(arguments[i][j]);
    }
  }
    return array; // [ 1, 3, 2, 5, 2, 1 ]
}

uniteUnique([1, 3, 2], [5, 2, 1]);
Maybe I could try to compare something.... to get [ 1, 3, 2, 5 ] for this case
Gulsvi
@gulsvi
Aug 03 2017 20:49
all you have to do now is filter out the duplicates I think
CallMeOrange
@EgnaroDev
Aug 03 2017 20:49
Yeah, no idea what to do, I'm thinking on empty lol
iso
@iso1048
Aug 03 2017 20:49
@SkyC0der i did it with 2 for loops. Is it better to use filter?
CallMeOrange
@EgnaroDev
Aug 03 2017 20:49
What's the use of .reduce()? why did fCC recommend it?
Gulsvi
@gulsvi
Aug 03 2017 20:50
reduce lets you combine the two arrays in the arguments object
Mohamed Nabil Ayoub
@MohNabil
Aug 03 2017 20:50
Hi campers, how can i get my city location, do i need to add the geolocation api to the javascript setting in code pin first and do i need to add a button to get the location or i can get it automatically when i load the page?
Gulsvi
@gulsvi
Aug 03 2017 20:50
@gothamknight "better" is kind of subjective :) for loops probably perform better, but I'm not sure
CallMeOrange
@EgnaroDev
Aug 03 2017 20:50
I tried to do it but I get numbers in a string instead
Corbled
@Corbled
Aug 03 2017 20:50
@SkyC0der I've tried using the border-radius but it is filling the area with solid color so that the text cant be seen
iso
@iso1048
Aug 03 2017 20:50
@MohNabil you can get it when the page is loaded
CallMeOrange
@EgnaroDev
Aug 03 2017 20:50
I never used it for arrays so I don't know :/
@Corbled border-width
Add it to adjust the width of the border
Gulsvi
@gulsvi
Aug 03 2017 20:51
When you combine arrays with reduce(), you get to use your favorite method
CallMeOrange
@EgnaroDev
Aug 03 2017 20:51
lol
I'll try reduce after this
Mohamed Nabil Ayoub
@MohNabil
Aug 03 2017 20:53
@gothamknight do i need to add the api in the setting
Gulsvi
@gulsvi
Aug 03 2017 20:53
@Corbled It seems you made the font color the same as the background color?
.div-border{
    border:2px solid;
    border-radius: 5px;
    color:#FF5656; /* your text color is matching the background color and hidden as a result */
}
Corbled
@Corbled
Aug 03 2017 20:55
oh wow you're right
nice my smartest move
thanks
Gulsvi
@gulsvi
Aug 03 2017 20:55
lol, it happens
Corbled
@Corbled
Aug 03 2017 20:56
forgot to put border-color
CallMeOrange
@EgnaroDev
Aug 03 2017 20:56
wow, I didn't notice it
I thought you used color to change the border color palmface
Corbled
@Corbled
Aug 03 2017 20:57
yeah that's what got me too
Is there a way to change the codepen theme
CallMeOrange
@EgnaroDev
Aug 03 2017 20:57
Yeah
Gulsvi
@gulsvi
Aug 03 2017 20:58
@MohNabil How are you currently getting the location? There are a couple of ways to get the city depending on your current approach.
CallMeOrange
@EgnaroDev
Aug 03 2017 20:58
Codepen site => click on your profile picture => setting
After that, you'll know what to do
Mohamed Nabil Ayoub
@MohNabil
Aug 03 2017 20:59
@SkyC0der in the project they say to use html geolocation
Gulsvi
@gulsvi
Aug 03 2017 20:59
If this is for the weather app, the weather API will tell you your city
Mohamed Nabil Ayoub
@MohNabil
Aug 03 2017 21:01
you mean to use the fcc api in the beginning
Corbled
@Corbled
Aug 03 2017 21:01
@EgnaroDevDanke cheers
CamperBot
@camperbot
Aug 03 2017 21:01
corbled sends brownie points to @egnarodevdanke :sparkles: :thumbsup: :sparkles:
:cookie: 539 | @egnarodevdanke |http://www.freecodecamp.com/egnarodevdanke
Gulsvi
@gulsvi
Aug 03 2017 21:02
@MohNabil Use HTML geolocation to get the latitude and longitude, and then use those values to build your weather API URL. It would look like this: https://fcc-weather-api.glitch.me/api/current?lat=30&lon=31.2
where 30 and 31.2 are your latitude and longitude

You'll get a JSON object back from the weather API:

{
  coord: { lon: 31.2, lat: 30 },
  weather: [
    {
      id: 800,
      main: "Clear",
      description: "clear sky",
      icon:
        "https://cdn.glitch.com/6e8889e5-7a72-48f0-a061-863548450de5%2F01n.png?1499366020783"
    }
  ],
  base: "stations",
  main: { temp: 29, pressure: 1009, humidity: 70, temp_min: 29, temp_max: 29 },
  visibility: 10000,
  wind: { speed: 6.2, deg: 40 },
  clouds: { all: 0 },
  dt: 1501792200,
  sys: {
    type: 1,
    id: 6392,
    message: 0.0042,
    country: "EG",
    sunrise: 1501730157,
    sunset: 1501778775
  },
  id: 360995,
  name: "Al Jizah",
  cod: 200
}

And can get the city from the name property

iso
@iso1048
Aug 03 2017 21:03
@SkyC0der did fcc make their own weather api?
Gulsvi
@gulsvi
Aug 03 2017 21:04
It's a mirror of the Open Weather Map API @gothamknight
iso
@iso1048
Aug 03 2017 21:04
@SkyC0der how do they do that?
Gulsvi
@gulsvi
Aug 03 2017 21:04
Back-end magic
:sparkles:
CallMeOrange
@EgnaroDev
Aug 03 2017 21:05
Get the mirror, get your laptop with Open Weather Map API site on screen, show it to mirror
Gulsvi
@gulsvi
Aug 03 2017 21:05
I think they just use their own set of API keys and proxy your request
CallMeOrange
@EgnaroDev
Aug 03 2017 21:06
I wonder if fCC is going to teach how to get a mirror of an API
Mohamed Nabil Ayoub
@MohNabil
Aug 03 2017 21:07
@SkyC0der ok i know that but my problem how to get my lat and long with the geolocation
Gulsvi
@gulsvi
Aug 03 2017 21:08
@MohNabil There's a free code camp challenge that shows us how to do it: https://www.freecodecamp.org/challenges/get-geolocation-data
navigator.geolocation.getCurrentPosition(function(position) {
  var latitude = position.coords.latitude;
  var longitude = position.coords.longitude;
  callWeatherApi(latitude, longitude) // now you can use your latitude and longitude in the callWeatherApi function
});
Pagnito
@Pagnito
Aug 03 2017 21:10
@SkyC0der yo
CallMeOrange
@EgnaroDev
Aug 03 2017 21:10
Hmph
iso
@iso1048
Aug 03 2017 21:11
@MohNabil you could search for the geolocation property of the navigator object
CallMeOrange
@EgnaroDev
Aug 03 2017 21:11
Simple, Google latitude and longitude, there you go!
Gulsvi
@gulsvi
Aug 03 2017 21:11
@Pagnito yo
Pagnito
@Pagnito
Aug 03 2017 21:11
@SkyC0der did u end up checkin out webflow?
CallMeOrange
@EgnaroDev
Aug 03 2017 21:11
..........
Gulsvi
@gulsvi
Aug 03 2017 21:11
So, webflow.....looks pretty and all, but it's just a WYSIWYG editor
Pagnito
@Pagnito
Aug 03 2017 21:11
whats wysiwyg?
Gulsvi
@gulsvi
Aug 03 2017 21:12
What you see is what you get
Mohamed Nabil Ayoub
@MohNabil
Aug 03 2017 21:12
@SkyC0der ok, i forgot about that challenge,thanks
CamperBot
@camperbot
Aug 03 2017 21:12
mohnabil sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2300 | @skyc0der |http://www.freecodecamp.com/skyc0der
Gulsvi
@gulsvi
Aug 03 2017 21:12
a name for those kinds of web editors
CallMeOrange
@EgnaroDev
Aug 03 2017 21:12
What you say? I want your gold?
Pagnito
@Pagnito
Aug 03 2017 21:12
i dont get it tho, there seems to be alot of web designers using
Gulsvi
@gulsvi
Aug 03 2017 21:13
Dreamweaver is pretty popular for the same reasons
CallMeOrange
@EgnaroDev
Aug 03 2017 21:14
I think Dreamweaver is good for designing
Damn it, this challenge is hard
iso
@iso1048
Aug 03 2017 21:14
which one?
Pagnito
@Pagnito
Aug 03 2017 21:14
@SkyC0der so what does what you see is what you get imply tho?
@SkyC0der what dont we see when we code?
CallMeOrange
@EgnaroDev
Aug 03 2017 21:15
Not really maybe.. Sorted Union
Gulsvi
@gulsvi
Aug 03 2017 21:15
@Pagnito It implies dragging and dropping controls onto the screen with all the HTML built for you
Want a button? Drag it on the screen where you want it to go. Double click the button and fill out the properties for colors, border radius, and text
Then the CSS is written for you too
Pagnito
@Pagnito
Aug 03 2017 21:16
yea, but thats what i mean, it seems like its cutting us out
CallMeOrange
@EgnaroDev
Aug 03 2017 21:16
Who need that?
Non-coder
Pagnito
@Pagnito
Aug 03 2017 21:17
at the end of the day ppl arent gonna care how its done
Gulsvi
@gulsvi
Aug 03 2017 21:17
WYSIWYG Editors have been around since the 90s
CallMeOrange
@EgnaroDev
Aug 03 2017 21:17
Yeah gold exist back then
Gulsvi
@gulsvi
Aug 03 2017 21:17
not cutting anyone out - but serving a purpose for those who want a quick page built and don't want to learn how to code
Pagnito
@Pagnito
Aug 03 2017 21:18
but it seems now these newer editors can do alot more
CallMeOrange
@EgnaroDev
Aug 03 2017 21:18
:running:
Pagnito
@Pagnito
Aug 03 2017 21:18
ll b strait up after reading alot of the reviews on webflow, that shit had me startled, kinda like wix too
ill be mad pissed if i had to learn all this to have to move on to software like that
Gulsvi
@gulsvi
Aug 03 2017 21:19
not going to happen any time soon :p
Pagnito
@Pagnito
Aug 03 2017 21:19
i hope so
iso
@iso1048
Aug 03 2017 21:19
@Pagnito knowledge is the key
Pagnito
@Pagnito
Aug 03 2017 21:20
yea thats true @gothamknight
Gulsvi
@gulsvi
Aug 03 2017 21:20
Get the trial of it and play around with it - maybe it'll help see how it's different than knowing how to write the code from scratch
Pagnito
@Pagnito
Aug 03 2017 21:20
tho i still cant help but think about all the reviews from actual developers about webflow
@SkyC0der yea i think thats what im gonna do after im done with react courses
CallMeOrange
@EgnaroDev
Aug 03 2017 21:21
...
@Pagnito hey
Pagnito
@Pagnito
Aug 03 2017 21:22
sup
Gulsvi
@gulsvi
Aug 03 2017 21:22
@Pagnito Seems you got bitten by a marketing bug :bug:
iso
@iso1048
Aug 03 2017 21:22
from the webflow site: "The power of code. Without writing it."
basically knowing without knowing
Gulsvi
@gulsvi
Aug 03 2017 21:22
Critics who are well versed in coding and experience in web design tended to rate Webflow as run of the mill.
Pagnito
@Pagnito
Aug 03 2017 21:22
it seems so
cool cool
i dont really wanna use webflow
at all lol
CallMeOrange
@EgnaroDev
Aug 03 2017 21:22
@EgnaroDevDanke Danke
CamperBot
@camperbot
Aug 03 2017 21:22
sorry egnarodevdanke, you can't send brownie points to yourself! :sparkles: :sparkles:
Pagnito
@Pagnito
Aug 03 2017 21:22
its not that i got bitten
more like i became aware of it lol
Gulsvi
@gulsvi
Aug 03 2017 21:23
lol, okay :)
Pagnito
@Pagnito
Aug 03 2017 21:23
and intimidated a bit i guess for my future position
Gulsvi
@gulsvi
Aug 03 2017 21:23
Lots of similar tools out there - they seem to have cleaner auto-generated code
Pagnito
@Pagnito
Aug 03 2017 21:23
i much prefer to use code thats why im talking about it and getting other ppl opinions
Gulsvi
@gulsvi
Aug 03 2017 21:24
Word works great for designing web pages too :)
Pagnito
@Pagnito
Aug 03 2017 21:24
microsoft word?
Gulsvi
@gulsvi
Aug 03 2017 21:24
Yeah
Pagnito
@Pagnito
Aug 03 2017 21:24
lol whha?
Gulsvi
@gulsvi
Aug 03 2017 21:24
Make all your tables, add your images, save as .html
Pagnito
@Pagnito
Aug 03 2017 21:24
true
i havent used word since like 2008
CallMeOrange
@EgnaroDev
Aug 03 2017 21:28
Gulsvi
@gulsvi
Aug 03 2017 21:28
Oh, so that's what you look like :joy:
CallMeOrange
@EgnaroDev
Aug 03 2017 21:29
:trollface:
Liam Docherty
@ldocherty1
Aug 03 2017 21:33
Is it just me or does it look like my double arrow down jumping at the bottom doesn't look centred? To me it looks like it's slightly to the left? https://codepen.io/liamdocherty1/pen/OjbLmK
iso
@iso1048
Aug 03 2017 21:34
@ldocherty1 looks centered to me
Liam Docherty
@ldocherty1
Aug 03 2017 21:35
or it might be the buttons? do you think everything looks ok? it just seems off to me
Pagnito
@Pagnito
Aug 03 2017 21:35
@SkyC0der yo
iso
@iso1048
Aug 03 2017 21:36
@ldocherty1 looks good i think.
Gulsvi
@gulsvi
Aug 03 2017 21:36
@Pagnito Yo
Pagnito
@Pagnito
Aug 03 2017 21:37
@SkyC0der have you configured linting before?
Gulsvi
@gulsvi
Aug 03 2017 21:37
Yeah
Liam Docherty
@ldocherty1
Aug 03 2017 21:37
@gothamknight Thanks :)
CamperBot
@camperbot
Aug 03 2017 21:37
ldocherty1 sends brownie points to @gothamknight :sparkles: :thumbsup: :sparkles:
:cookie: 342 | @gothamknight |http://www.freecodecamp.com/gothamknight
Gulsvi
@gulsvi
Aug 03 2017 21:37
Well... I used AirBnB's configuration anyway
iso
@iso1048
Aug 03 2017 21:37
@ldocherty1 the ordering of the different sizes of buttons may be causing an illusion type thing since I can see where you are coming from. maybe try changing the order of the buttons just to see. Not sure what else you could do
Gulsvi
@gulsvi
Aug 03 2017 21:38
If you're using Chrome or Firefox (not sure about others), the dev tools will show you a ruler so you can see if it's in the exact center or not
Pagnito
@Pagnito
Aug 03 2017 21:38
@SkyC0der did u just basically copy the config into the package.json or another file?
Gulsvi
@gulsvi
Aug 03 2017 21:39
@Pagnito Yeah, and then customized it as needed
Pagnito
@Pagnito
Aug 03 2017 21:39
i see @SkyC0der thanks
CamperBot
@camperbot
Aug 03 2017 21:39
pagnito sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2301 | @skyc0der |http://www.freecodecamp.com/skyc0der
Liam Docherty
@ldocherty1
Aug 03 2017 21:41
@gothamknight Looks 100% off to me https://codepen.io/liamdocherty1/pen/OjbLmK
CallMeOrange
@EgnaroDev
Aug 03 2017 21:41
@SkyC0der I'm trying to combine arrays from args is this right way to do it?
return [arguments].reduce(function(a, b){
    ...
  });
Liam Docherty
@ldocherty1
Aug 03 2017 21:42
@SkyC0der @Pagnito Hi guys, do you think my arrow doesn't look centred? to me it looks more to the left than the middle.https://codepen.io/liamdocherty1/pen/OjbLmK
Gulsvi
@gulsvi
Aug 03 2017 21:43
@ldocherty1 You can scientifically measure it to see for yourself :) use the rulers in your dev tools
CallMeOrange
@EgnaroDev
Aug 03 2017 21:43
I don't see how it is to the left, looks center to me
Pagnito
@Pagnito
Aug 03 2017 21:43
@ldocherty1 yea it looks slightly to the left to me too
CallMeOrange
@EgnaroDev
Aug 03 2017 21:44
Do you use editors on right or left?
...
Ken Haduch
@khaduch
Aug 03 2017 21:46
@ldocherty1 - do you think that it's just the scroll bar on the right hand side that is throwing it off a little, at least visually? It is really hard to tell if it's exactly centered.
Liam Docherty
@ldocherty1
Aug 03 2017 21:49
@khaduch I don't believe so. I will stop the animation and see if it has something to do with it. @EgnaroDevDanke If you zoom in it looks slightly to the left. Could be something to do with the animation going to check that out
CamperBot
@camperbot
Aug 03 2017 21:49
:cookie: 540 | @egnarodevdanke |http://www.freecodecamp.com/egnarodevdanke
:star2: 3164 | @khaduch |http://www.freecodecamp.com/khaduch
ldocherty1 sends brownie points to @khaduch and @egnarodevdanke :sparkles: :thumbsup: :sparkles:
Gulsvi
@gulsvi
Aug 03 2017 21:50
image.png
maybe off by 1px, but no more than that
1900px wide screen, center is at 950px
Liam Docherty
@ldocherty1
Aug 03 2017 21:53
@SkyC0der How did you put up the dev tools on codepen? Would I use media query to move this on a bigger screen size and leave it the way it is?
CallMeOrange
@EgnaroDev
Aug 03 2017 21:54
Right-click then click inspect
NVKndbpaehg-rhqwepbowqbhg2fj
Gulsvi
@gulsvi
Aug 03 2017 21:54
@ldocherty1 right-click -> inspect
CallMeOrange
@EgnaroDev
Aug 03 2017 21:56
:walking:...
Gulsvi
@gulsvi
Aug 03 2017 21:58
Firefox has a measuring tool you can use as well
image.png
It's approximately 1px off centered to the left
CallMeOrange
@EgnaroDev
Aug 03 2017 22:00
lol
Too big
Gulsvi
@gulsvi
Aug 03 2017 22:00
yeah lol
CallMeOrange
@EgnaroDev
Aug 03 2017 22:01
How would I check if one value match another value in an array?
Nvm, .filter() obvious
array[0] // 1, === array[i]
Ken Haduch
@khaduch
Aug 03 2017 22:03
@ldocherty1 - I do think that it's the scrollbar that is making the shift. If I set overflow: hidden; on the body, it seems that the buttons and the chevron align perfectly in the center of the screen.
CallMeOrange
@EgnaroDev
Aug 03 2017 22:06
Oh my god..
Why did I try to combine all arrays into one in first place?
Sajid Unar
@sajidunnar
Aug 03 2017 22:26
Hello guys
Gulsvi
@gulsvi
Aug 03 2017 22:27
Hello @sajidunnar
Sajid Unar
@sajidunnar
Aug 03 2017 22:27
I am exploring vue.js and I Am new with frontend development , what would be best way to impliment a solid structure app with vue ?
hi @SkyC0der
Gulsvi
@gulsvi
Aug 03 2017 22:27
@sajidunnar You might want to ask in the vue.js room: https://gitter.im/vuejs/vue
Sajid Unar
@sajidunnar
Aug 03 2017 22:28
yes , I did there
Gulsvi
@gulsvi
Aug 03 2017 22:28
nvm, just saw you already asked there :)
Only a couple people in this room use vue and they aren't on very much
Sajid Unar
@sajidunnar
Aug 03 2017 22:29
oh I am new todfay at gitter
though I found vue has official chat over discordapp ( which I heard toda too
Gulsvi
@gulsvi
Aug 03 2017 22:29
lots of people using discord these days
Sajid Unar
@sajidunnar
Aug 03 2017 22:29
yeah they are asking to ditch Skype , I cant cheat with my skype ;)
it seems good but not sure , funny thing is I got into these channels /chats from IRc ;)
Gulsvi
@gulsvi
Aug 03 2017 22:30
Nice :)
The IRC bridge can be unreliable though I've heard
Sajid Unar
@sajidunnar
Aug 03 2017 22:31
these new tools seems more robus and I think more better
its more like slack .. I think
so this channel is for all frotnend help or its specific ?
Gulsvi
@gulsvi
Aug 03 2017 22:32
It's for help with Free Code Camp Front-end projects
We don't learn vue.js at Free Code Camp, so that's why you probably won't get a good response to your question here
dyon3334
@dyon3334
Aug 03 2017 22:36
how important and for what use "Regular expressions"
Sajid Unar
@sajidunnar
Aug 03 2017 22:37
@SkyC0der sorry was dc
this camp seems good Iwoudl review this
Pagnito
@Pagnito
Aug 03 2017 22:38
gonna be changing my mac thermal paste today or tomorrow...hopefully all will go well :worried:
Gulsvi
@gulsvi
Aug 03 2017 22:38
@dyon3334 Regular Expressions are very important to understand - we use them all the time in development. A very broad question though...not sure how to best answer it for you.
Sajid Unar
@sajidunnar
Aug 03 2017 22:38
@dyon3334 Regular expressions plays important role for conditional programming or validation lets say if someone wants to check if input is email opr phone no
Gulsvi
@gulsvi
Aug 03 2017 22:38
@Pagnito fixing your charger?
Pagnito
@Pagnito
Aug 03 2017 22:39
@SkyC0der the charger problem ended up kind of fixin itself, it always stops working for no reason and start working again, but im getting a new charger tho
but the thermal paste im doing for overheating
dyon3334
@dyon3334
Aug 03 2017 22:39
@SkyC0der @sajidunnar thanks !! is it a difficult part to learn ?
CamperBot
@camperbot
Aug 03 2017 22:39
dyon3334 sends brownie points to @skyc0der and @sajidunnar :sparkles: :thumbsup: :sparkles:
:warning: @sajidunnar's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
:star2: 2302 | @skyc0der |http://www.freecodecamp.com/skyc0der
Pagnito
@Pagnito
Aug 03 2017 22:39
hopefully its the culprit behind my problem
it seems to always overheat anytime im streamin data
Sajid Unar
@sajidunnar
Aug 03 2017 22:40
@dyon3334 I alwys used google for this , trust me if u can learn this people would think you are good developer :)
but its important to know how its working , its okay if u cant write your own script but maybe can change
Rehaan
@Rehaan1738
Aug 03 2017 22:41
@dyon3334 Regular expressions are just patterns or sequences of characters you can search for, like an IPv4 address xxxx.xxxx.xxxx.xxxx the expression would basically state that there's a 1-4 integers and then a period then repeat that 3 more times.
Pagnito
@Pagnito
Aug 03 2017 22:41
whether its just a busy website or video, and if i have to download something, shit goes bananaz
Rehaan
@Rehaan1738
Aug 03 2017 22:41
@Pagnito Maybe it's just some dust?
Pagnito
@Pagnito
Aug 03 2017 22:42
@Rehaan1738 i cleaned out the fan already
still have the problem
i changed to an ssd an it helped tremendsouly in all areas including the overheating but it didnt solve it
dyon3334
@dyon3334
Aug 03 2017 22:42
@sajidunnar im gonna do my best i hope its doable do you got some tips to learn all the expressions ?
@Rehaan1738 thanks
CamperBot
@camperbot
Aug 03 2017 22:42
dyon3334 sends brownie points to @rehaan1738 :sparkles: :thumbsup: :sparkles:
:cookie: 3 | @rehaan1738 |http://www.freecodecamp.com/rehaan1738
Rehaan
@Rehaan1738
Aug 03 2017 22:43
@Pagnito Yeah, definitely thermal paste. Does your mac have an integrated onboard GPU or an actual GPU?
Sajid Unar
@sajidunnar
Aug 03 2017 22:44
did you try smcfan app ? it works good
Pagnito
@Pagnito
Aug 03 2017 22:44
@Rehaan1738 i dunno, i dont really know much about computers, im only now getting to know this stuff
Frank
@Frankbono
Aug 03 2017 22:45
I am having problem with my weather app. I can’t get the city data to log into the console
can someone help
Rehaan
@Rehaan1738
Aug 03 2017 22:45
@dyon3334 there's no such thing as all the "expressions". Expressions are just patterns. There can be an infinite number of patterns.
Gulsvi
@gulsvi
Aug 03 2017 22:46
@Pagnito Could be fun :) I had to replace my CPU fan a few months ago and installed a liquid cooling system. The paste was pretty easy to deal with
Pagnito
@Pagnito
Aug 03 2017 22:47
@SkyC0der yea i like getting to know more about the stuff i use, its def gonna be a good experience
Rehaan
@Rehaan1738
Aug 03 2017 22:47
@Frankbono is the console throwing any errors?
Gulsvi
@gulsvi
Aug 03 2017 22:47
@Frankbono Change your API URL to: var api = "https://fcc-weather-api.glitch.me/api/current?lat=" + lat + "&lon=" + long;
Frank
@Frankbono
Aug 03 2017 22:48
@Rehaan1738 No, nothing comes up
Gulsvi
@gulsvi
Aug 03 2017 22:48
@Frankbono Use your browser's console to debug these errors, not the one in CodePen. (Command + Option + J on Mac, Ctrl+Shift+J on Windows/Linux)
Mixed Content: The page at 'https://s.codepen.io/Frankbono/pen/prNozW?editors=1111' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint
Frank
@Frankbono
Aug 03 2017 22:50
@SkyC0der That worked
@SkyC0der Thanks for your help
CamperBot
@camperbot
Aug 03 2017 22:52
frankbono sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2303 | @skyc0der |http://www.freecodecamp.com/skyc0der
Frank
@Frankbono
Aug 03 2017 22:52
@Rehaan1738 Thanks for your help
CamperBot
@camperbot
Aug 03 2017 22:52
frankbono sends brownie points to @rehaan1738 :sparkles: :thumbsup: :sparkles:
:cookie: 4 | @rehaan1738 |http://www.freecodecamp.com/rehaan1738
Sajid Unar
@sajidunnar
Aug 03 2017 22:57
@SkyC0der Thanks for support :) I like this freecodecamp :D
CamperBot
@camperbot
Aug 03 2017 22:57
sajidunnar sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2304 | @skyc0der |http://www.freecodecamp.com/skyc0der
Gulsvi
@gulsvi
Aug 03 2017 22:57
Hey, Any time!
Maybe we'll see you around more
Sajid Unar
@sajidunnar
Aug 03 2017 22:58
yup I think so , I can share my php experince for sure
funny thing is I used to do Flex and Flash development
I defeneded flash over over html 5 but we lost the war
Gulsvi
@gulsvi
Aug 03 2017 22:59
Fun :)
The security vulnerabilities kind of lost that war
performance issues on mobile too, I guess
Sajid Unar
@sajidunnar
Aug 03 2017 23:00
Steve Jobs :P I love him except this part
Gulsvi
@gulsvi
Aug 03 2017 23:00
lol, no love for flash on any version of iOS
Sajid Unar
@sajidunnar
Aug 03 2017 23:00
not even on adndroid
today one of my client was not open flash player on desktop chrome
they klled Flash but it was very good tool
Sajid Unar
@sajidunnar
Aug 03 2017 23:06
bye :P
Gulsvi
@gulsvi
Aug 03 2017 23:07
Cya!! Sorry, stepped away for a bit :)
Fredrik Strand Oseberg
@FredrikOseberg
Aug 03 2017 23:15

So.. I need some help guys. Check this function:

getMoveRating: function(arrayPosition) {
        const tempBoard = [...board]
        const row = arrayPosition[0];
        const position = arrayPosition[1];
        tempBoard[row][position] = computerSymbol;

Basically I’m making a copy of a global array that holds a game board, and I’m inserting a symbol into a temporary array. However, this alters the global array as well. Even though the arrays do not hold the same reference. Why ?

Randy Goldsmith
@Dueldrawer8
Aug 03 2017 23:23
Two things: how do i push my footer to bottom of page instead of where its at and then why does my background image not cover entire page in codepen..but on my local desktop browser it does?
https://codepen.io/duel_drawer8/pen/rzBbVb
Randy Goldsmith
@Dueldrawer8
Aug 03 2017 23:25
@Rehaan1738 is there a way i can "push" the footer to bottom of page rather than stick it?
@Rehaan1738 thank you
CamperBot
@camperbot
Aug 03 2017 23:26
dueldrawer8 sends brownie points to @rehaan1738 :sparkles: :thumbsup: :sparkles:
:cookie: 5 | @rehaan1738 |http://www.freecodecamp.com/rehaan1738
Rehaan
@Rehaan1738
Aug 03 2017 23:27
@Dueldrawer8 Sorry, no. HTML doesn't work that way, it works in a row & column structure. When you fill in your content in the page, it should look fine :)
Gulsvi
@gulsvi
Aug 03 2017 23:41
@Dueldrawer8 Not sure what you mean by "push", but this is a standard way to have your footer at the bottom of the screen using your current CSS/HTML:
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

#content {
  border: 2px solid black;
  flex: 1 0 auto;
}
Randy Goldsmith
@Dueldrawer8
Aug 03 2017 23:41
@Rehaan1738 thanks worked perfectly
CamperBot
@camperbot
Aug 03 2017 23:41
dueldrawer8 sends brownie points to @rehaan1738 :sparkles: :thumbsup: :sparkles:
:warning: dueldrawer8 already gave rehaan1738 points
Randy Goldsmith
@Dueldrawer8
Aug 03 2017 23:41
@SkyC0der thanks, is flexbox supported by most browsers now?
CamperBot
@camperbot
Aug 03 2017 23:41
dueldrawer8 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2305 | @skyc0der |http://www.freecodecamp.com/skyc0der
Liam Docherty
@ldocherty1
Aug 03 2017 23:42
@SkyC0der Remember earlier someone mentioned that the arrow was to big? I made the arrow smaller and still getting the same outcome. https://codepen.io/liamdocherty1/pen/OjbLmK
Gulsvi
@gulsvi
Aug 03 2017 23:42
@Dueldrawer8 Yes, all modern browsers support flexbox now. http://caniuse.com/#feat=flexbox
@ldocherty1 I don't remember that - what outcome are you getting?
Liam Docherty
@ldocherty1
Aug 03 2017 23:45
My arrow is slightly to the left and I'm trying to get it in the dead centre. Current dimensions of my screen display is 2880 x 1800. Someone said that the reason why it wasn't in the centre was due to the size and you agreed with them. I changed the size of the arrow and It is still slightly to the left for some strange reason.
Can you help me resolve this please?
Gulsvi
@gulsvi
Aug 03 2017 23:46
It is in the dead center, maybe off by 1px but no more than that. I showed two images above proving it was centered.
Randy Goldsmith
@Dueldrawer8
Aug 03 2017 23:46
@SkyC0der is there a way to not have scrollbar or thats just how it is because my content's height isnt tall enough?
Gulsvi
@gulsvi
Aug 03 2017 23:47
@Dueldrawer8 I don't see any scrollbars in your codepen
Liam Docherty
@ldocherty1
Aug 03 2017 23:47
How can I make it not 1px off?
Gulsvi
@gulsvi
Aug 03 2017 23:47
@ldocherty1 I'm 100% sure it is in the dead center
If anything, you're seeing an optical illusion
Liam Docherty
@ldocherty1
Aug 03 2017 23:48
maybe so haha it might be the buttons then hahah sorry if I'm being a pain. However, something looks strange
Gulsvi
@gulsvi
Aug 03 2017 23:48
I can take a screen shot and measure it a 3rd time in photoshop if you want :)
Liam Docherty
@ldocherty1
Aug 03 2017 23:50
it's ok :)
it's not the arrow it's the buttons hahah
Mohamed Nabil Ayoub
@MohNabil
Aug 03 2017 23:51
@SkyC0der sorry need some help my mind is blocked now and i can get it ,how can i change my api url with the long an lat as variables not putting them in the url to get the location,https://codepen.io/Moh-Nabil/pen/VzKZwE.
Janelle deMent
@janelledement
Aug 03 2017 23:54
Hey guys, I'm just now starting to work on the weather app. I thought I'd start by just trying to display the geolocation (like in one of the previous code challenges). I can't do that using this exact code and I can't figure out what I did wrong. Anyway can take a quick look? https://codepen.io/janelledement/pen/KvdOVg?editors=1010
iso
@iso1048
Aug 03 2017 23:55
@MohNabil concat the variables holding the lat and long onto the url.
korzo
@korzo
Aug 03 2017 23:57
@janelledement wrong url https://path/to/font-awesome/css/font-awesome.min.css
iso
@iso1048
Aug 03 2017 23:57
@janelledement add jquery
Gulsvi
@gulsvi
Aug 03 2017 23:58
image.png
@ldocherty1 I took a screenshot of your page, drew a line directly down the middle of your arrow from top to bottom, and then used the photoshop transform tool so we can see the exact center
You're all ligned up, I promise :p
Trommelochse
@Trommelochse
Aug 03 2017 23:59
@gothamknight +1