Hi guys: I have a question. I have been uploading projects from github and have been successful, but now when I go and click on the link in the Map, I am returned to the FCC project page and not the project itself. I want to be able to upload my project from Github. I have not been using Code Pen. Is that possible? It does show me as having finished the project with a check. On the other hand, is this the way it is supposed to work? And insight to this issue would be very much appreciated. Thanks!

Hi all, I'm working on the portfolio challenge, and I am unable to get the bottom div to expand the full width of the screen. I gave the div its own container and made it .container-fluid, but it still appears as .container in the viewport. Any ideas? http://codepen.io/wesleyal/pen/LZxMgr?editors=1100

@JonSnow08 I'm working on that right now, im stuck with this error when I request the JSON. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://s.codepen.io' is therefore not allowed access.

@wesleyal Hi, you did not close your .container div properly which is causing that problem. on line 23 you have extra closing div, and use <br /> for line breaks not <br></brk>, on line 71 u did not close input tag see below

@JacobStewart1 your code is a bit messy with very nested html. I recommend you use the tools FCC was teaching at bootstrap to creat a basic grid for your website, and sketch a quick mock up however is easier for you - maybe on a piece of paper. You are going to have a lot of trouble editing your portfolio otherwise.

Algorithm Make a Person

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

:checkered_flag: Problem Explanation:

When I started the program I figured I just had to create the six functions mentioned in the details. However, it was not that simple. Creating them as a function was not the right way, I had to create them in a different way to make them a key.

There is also a tricky part as you need six keys no more or less, so at first I had the variable that store the original name as a key too which was wrong.

As for the usage of array, that is optional, you could also create new variable to hold the separated string if you wish but an array is easier to deal with as strings are immutable.

Read the instructions carefully, it is always a good hint in itself to run the code and check what the test results were so you know what to expect but do not fixate yourself on that. Once you understand what you need to do, this problem is very easy and straightforward.

@wbac88 unfortunately I don't have the answer, but when I change https in https://api.flickr to http, it at least sends a request and gets an error rather than not sending a request at all. That's all I got though, sorry.

@wbac88 - I opened the page in Firefox. Then looked in the firebug console at the network activity. The flickr access gave that response. So I changed it to https and it gave a different, non-error response.

@wbac88 - yes, but as @jarenescueta731 pointed out - geolocation will not work on Chrome (if you are trying chrome) unless you use https://, but the openweather api (free version) will not return a request via https:// so that makes a problem, and it looks as though flickr needs https:// Just confusing!

@wbac88 - yes, at least on Chrome. People have been using the http://ip-api.com/json service to get an IP-based address, it uses http:// But I don't know if you can get the https:// for flickr to work in the common browsers. As I said - just confusing that these access methods have to get a little dicey. It sounds like you have a neat idea to search for photos that way, I hope you get it working!

@ShwetaRajput like: make a global var streamers = [] ; then into the if statements you can write stramers.push({"id:": channel, "status": streaming, "logo": logo, ecc }); when you have your streamers ready loop through it and using only a html template display them as you wish. here is my pen for this challenge: http://s.codepen.io/sorinr/debug/EymkWr If u want to see the code change debug with pen

hey , i had a query in random quote machine . i placed "quote left" icon above the div "quote-text" but when i applied border property to "quote-text", the icon seems to be a part of that div . i don't know why? can anybody help me with this ? here is my codepen link https://codepen.io/ajayt365/pen/KrXoPp

please reload it once . i think codepen didn't save that when i sent it first time because there is no border as well. and @kirbyedy i was asking how did u take screenshot of that ? i opened devtools but couldn't take screenshot of that.

@sorinr i was playing with my design and removed the height:30%. i wanted to know why height:auto is not working here for the div? the buttons are overflowing. also when i check the devtools , i don't see a rectangle on my div.buttons . thanks

can anyone help me with this - I am having problems styling this cart button on hover - http://codepen.io/silentarrowz/pen/KrQNRBwhen I hover over the cart button( the one which says - cart - $800 then only paragraph inside it changes color, but I want the whole div with class .cart to change color instead.why isnt it happening? where am I going wrong??

One Question.. how do you use javascript variables as html values for attributes? There's a data-text attribute for the twitter button I have and I want it to automatically type the quote the moment the button is pressed.

Hi, I just wanted to ask, I've done the 99 challanges in HTML5 and now I have a challange about bulding a tribute page, I've seen this https://codepen.io/FreeCodeCamp/full/NNvBQW/ but the question is: Can I make a tribute to anything I want?

@Marjanus when you use $("element").attr() the format is: $("element").attr('class') if u want to retrive the clases applied to that element or $("element").attr('class', 'btn btn-default') to apply a class atribute

hey guys I'm working on the random quote machine project and all I've got left is to create the tweet button for the quote. Problem is I can't figure out how to set the href so that it uses the quote in it. Let me know if any of you can help

Hi, Im working on a personal project of mine, and I'm having some trouble with jquery. I want the user to be able to click an element, and then a function is called, and the user can't click again until the function is finished. It looks like it should work, but I don't know if I'm going the right way about it. Here's my code

@samosale@badc0ded Thanks guys! I did kind of mix of both of your ideas, and it works well now. Basically I added a class 'canclick' to the element, and the function only gets called if that class is there. Using addclass and removeclass seemed to do the trick. Have a nice one guys

@vladmanea99 You should have for your css: .font1 {font-size: 50 px;} and you have in your html: <p class="font1">texthere</p>? Or inline, <p style="font-size: 50px;"></p>. <p> tag is not a variable class. That is why there is class="" attribute.

@vladmanea99 like there is only <h1> until <h6>, but you cannot do <h7> (i think)

Hey guys, i'm working on the random quote machine challenge, i have found an api to generate random qoutes, and i'm successfully getting the quotes with ajax, now i need to setup a twitter button that when clicked will load a prefilled tweet text box with the quote in it. I have checked out the twitter api, but i was wondering if anyone could help me with the steps to take to set it up

Hello. I am working on the Tribute Page challenge. When I try to center my LIs in my UL, the text can be centered but I am unable to center the bullet points and then justify the text. Any help would be appreciated.

i have a question.. when viewing some of the projects i created on my iphone.. why is it that when you scroll down the whole page seems to swing from side to side.. in another words it doesnt seem contained?

@Dueldrawer8 best way is to find the element or elements that have the large width. You can also try setting

body {
width: 100vw; or width: 100%;overflow: hidden;
}
/* this will work on pages without a visible scrollbar, most mobile browsers, display a little scrollbar over the pages content, so it should work on mobile*//* also check another mobile phone or browser */

@Dueldrawer8 if you find that you cant scroll after setting, overflow: hidden on the body, try overflow-x: hidden;

@PeterKenward I haven't used that API, but from first glance, the issue is this in your URL: [posts_per_page]=1. Change that to 20, generate a random number, and access a random quote from the 20 returned to display to the page.

Hey guys I have a quick question. I'm doing an independent project on Codepen just to play around and see what I can do-- can anyone tell me how to import fonts that I have downloaded onto my computer? It's easy enough to use google fonts because they have the import code right there but I want to use some of the ones I've found around the internet that don't come with import codes

@lettiebear you don't, you just define the fonts in your CSS and if they're installed on the system that's viewing the page, they'll render properly, otherwise the browser will use the fallback fonts you define in CSS. If you truly want to use a specific font, host it, then import it like you would google fonts.

@cjrutherford It will add the number to your input bar. You can get the current value of the input bar with: $('#opbar').val()

@Baumo Your URL only asks for 1 quote: [posts_per_page]=1. Change that to a higher number and you'll get a JSON object with more quotes in it. You can then insert a random number in place of the [0] in $(".quote").html(a[0].content);

my styling breaks up when I reduce browser size - can anyone tell me why this happens??Notice the eElectronics and the cart button at the top and see how they kind of mess up when screen size is reduced.here's the link - http://codepen.io/silentarrowz/pen/KrQNRB

@TylerMoeller , so I have it working correctly and I've wired up the "=" button so that when it's clicked, it starts to get together all the data, I'm just trying to figure out how to go about actually processing the calculations. I was thinking to determine the actual operation use a switch for each of the types of operations, and then have a default case to parse the digits as integers, but I guess I would also need a "previous" and "current" variable to keep the digits in so that I can pass them to a function that carries out the operation? sound about right?

@cjrutherford Personally, I used the eval() function in my calculator project. You should be able to do $('#opbar').val(eval($('#opbar').val())) to add/subtract/multiply everything together and put the answer in your opbar. Some people here may have better ideas - eval() has a bad reputation security-wise, but for this project, it seemed fine for my purposes. For example: eval(1+2+3*4) = 15

Okay so I'm just dicking around trying to make a website prototype for my dad's company and this is the homepage (no links or anything have been included yet and this is a very very very rough draft) and I tried to make everything mobile responsive but the images of the cars are TINY on mobile :( How do I make them not shrink so much? I can't figure out what I'm doing wrong.

@cjrutherford Yes. 1+2+3*4 would eval to 15. Note the "Don't use eval needlessly!" in that article from @wearenotgroot. I did not take the time to find any alternatives and haven't studied alternatives since that project.

$('#findArticle').click(function(){
var $data = "";
var inputText = $('#inputBox').val(); //use to get input from inputfield(need to be added to the url)
$.ajax({
url: "https://en.wikipedia.org/w/api.php?action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=json",
headers:{'Api-User-Agent': 'Example/1.0'},
dataType:'jsonp'
}).done(function(data){console.log(data)});
$('#article').html("<p>"+$data+"</p>"); //this needs to be inside the callback function on your $.ajax or you can turn off the async
})

I'm eager to start the Intermediate Front End projects, but I'm only half way through the Basic Algorithm Scripting challenges. Is it a must that I finish those, or can I jump right in to the projects?