@AndroidWargames navigator.geolocation requires HTTPS on Chrome (Firefox eventually too). Open your codepen with this URL for it to get your location:
https://codepen.io/AndroidWargames/pen/amxoPm
Howdy everyone, good day / afternoon / evening. Was wondering if anyone can help me with some CSS issues.
So I'm working on the Wikipedia Viewer project and when I populate a div with articles I get back from the API, they seem to overpopulate the div.
The elements go outside the bounds, they do not fit onto the webpage.
you can see this, trying with the search term "science"
Any ideas on why this might be happening or how to fix it?
Note when I limit the search to 3 results, this doesn't happen, they fit on the page.
Ah... I think it's because it is absolute centering...
Anyone know still how to have the page expand to account for this?
hi please review my portfolio and advise me
https://codepen.io/ozair01/full/RGKGVW/
https://codepen.io/ozair01/full/RGKGVW/
@OzairAshfaque very nice work if u can reduce the gap between 1st and 2nd part and change about font color
Here is my tribute page. The issue I'm having is how it appears on mobile. However even on desktop I can't fine a way to center the list. Not the text itself but I can't get it centered under the image. I'm not quite sure what I need to do. http://codepen.io/Sneak8288/pen/ozOyQB
I added padding and on desktop it looks correct but for mobile the bullet points are outside the border
@OzairAshfaque Looks good mate. The only thing I would suggest is maybe some padding below your About and Portfolio. Also, maybe using more clean font colours, but that is more of a personal preference.
@Sneak8288 Hey Ryan you can get your list like this...
Firstly... the div needs to be changed to <div class="col-md-12">
It was set to 11, which was offsetting it by 1/12th of the page
for the bullet points centered you can use:
list-style-position: inside;
(Inside of your ul css declaration)
list-style-position: inside;
(Inside of your ul css declaration)
and the center the text, you can change:
<ul class="text-left">
to
<ul class="text-center">
Sorry, I answered that for the text too.
All you need is <div class="col-md-12">
All you need is <div class="col-md-12">
@Sneak8288
And for mobile, you can try adding some bootstrap grid settings for smaller devices
And for mobile, you can try adding some bootstrap grid settings for smaller devices
These are col-s- and col-xs-
So you might have a grid declaration that looks like this:
<div class="col-md-6 col-s-12 col-xs-12">
Whereby the above translates to a div that takes up half the width of the screen when it is a desktop, and the full width when it is a mobile.
okay @AllanPooley i think i understand now. thanks
sneak8288 sends brownie points to @allanpooley :sparkles: :thumbsup: :sparkles:
:cookie: 272 | @allanpooley |http://www.freecodecamp.com/allanpooley
No sweat, good luck and happy coding buddy!
Hey guys, I'm trying to geolocate for my weather app using an api, but the location is way off
Was hoping you guys can test it out and see if the location is correct for you? And if not any suggestions on how to make more accurate?
Also you'll need to open the pen in a separate tab/window as it doesn't work within the embedded codepen
@Joshuaswift Works fine for me.
@jdtdesigns hmm perplexing
@Joshuaswift works for me sometimes it goes off but don't worry just get the idea
@jdtdesigns btw forgot to thank you for your help last week with the positioning!
joshuaswift sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 736 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
uhh, you're welcome :P @Joshuaswift
@walidashri thanks, I'll carry on for now and come back to it
joshuaswift sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
:cookie: 484 | @walidashri |http://www.freecodecamp.com/walidashri
@Joshuaswift - the location is fine for me. Your Fahrenheit to Celsius conversion is not working? maybe you're not quite there. But the ipinfo site could result in some inaccuracy in the location, as it is based on the internet host IP address or something that is not necessarily closely related to your location...
@khaduch I haven't configured the switch yet or the temperature for that matter! Just making sure location works first. But thanks for the feedback
joshuaswift sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1838 | @khaduch |http://www.freecodecamp.com/khaduch
@Joshuaswift Do you happen to be tethering with your mobile phone? I remember when I was doing that the other day I had a geolocation from some 25km out.
@Joshuaswift - I don't know if they have changed the write-up for this project, but the technologies that were available at one time certainly have changed, most notable Chrome disallowing the use of the geolocation unless you are using
https, which, of course, doesn't work for the free weather sites. I think that the focus should be to use the best location technique that you can get, which might still be firefox and geolocation, but if someone is using Chrome, you don't have an option to use that - maybe then fallback to the ip location? The basic idea should be being able to interact with the weather site to do what they want - display weather for a location, preferably close to where you are... :)
Hey guys , just wondering if anyone has the time or inclination to give me some guidance on my "portfolio" page . I've been stuck on it for almost a week , have taken an intro to HTML class, all to no avail. Not sure what that says about me, considering its supposedly a basic project but at least I'm learning some things.....Anyhow please let me know if you have a few minutes to look into this, details to follow just in case anyone can help. Thanks!
So this is the page I am to reverse engineer , you will note the 2nd "page" (section?) is called portfolio. I have no idea how to line placeholders/images up like that. This is my attempt https://codepen.io/Raghav82/pen/XjYXZE which I will likely scrap
@RaghavSingh82 "almost a week" isn't long at all when it comes to this stuff
it will take you roughly 1 to 2 years to get comfortable with html/css basics
if you're a normal person ;)
thats really encouraging to hear @jdtdesigns , just now started my portfolio and am scratching my head at the moment.
@jdtdesigns That definitely makes sense! I just struck me because this is only the second project and many people seem to be able to nail it quickly. But you are right , it is a long process and the end goal is not to create a half-baked page or get through challenges but learn how to be a well-rounded, creative and experienced coder. Appreciate the reminder thoug!
I'm just surpised that this is the second project any resources or open classes you would reccomend? I just took UMich Intro to HTML , it was helpful as far as my general understanding
I'm just surpised that this is the second project any resources or open classes you would reccomend? I just took UMich Intro to HTML , it was helpful as far as my general understanding
<head <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lobster" /></head> <-- this doesn't go in the CSS panel. Add the <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lobster" /> to Settings->CSS->Stuff for head
@RaghavSingh82
@khaduch yes its a shame the weather APIs don't allow HTTPS, but like you said just making the best out of what you have is all we can do!
Ahh , that's why my font never changed :) @jdtdesigns Thanks
raghavsingh82 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 737 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
@RaghavSingh82 @AdoSae1 The best i've found so far is teamtreehouse.com to learn the basics and some more advanced stuff
Actually I just learned the DOM structure in that open class , so that makes perfect sense now.
bout to stream some coding on twitch if anyone's interested
Awesome I'll definitely check it out and really appreciate you pointing out some basic structural errors. I am going to scrap the whole page and start over, seems like I broke every rule -using <div> tags for the nav bar etc . They made a big deal about semantic validity , accesibility and seperating function from style
@jdtdesigns can you link or write your channel please? I'd like to check that out
Thanks just noticed you had a website ..... probably should have checked before asking . Anyhow , appreciate it
Oh nm , I guess that site is down atm
jdtadlock.net?
yeah, i'm redoing it in laravel
so it's down
yeah I just clicked that link from your picture
Sweet!
(I have no idea what that means "laravel " but it sounds exciting and I wanted to pretend I did know what it meant)
haha, it's a php framework
hey guys, here is what i got so far for the build a personal portfolio project. what you guys think?
http://codepen.io/bones211/full/mAgQwG
http://codepen.io/bones211/full/mAgQwG
@toianw thanks
c0d0er sends brownie points to @toianw :sparkles: :thumbsup: :sparkles:
:cookie: 402 | @toianw |http://www.freecodecamp.com/toianw
Just looking for some feedback on my portfolio rn
Hey everyone, I'm looking for some feedback on portfolio. Let me know what you think.
@electrostaticfleece It looks cool but I feel like you should extend the time of the loading animation
@electrostaticfleece It doesn't get to finish one round before I'm on your page
does anyone know if either bootstrap or animate.css has a way images will fadeinUp on page scroll.? And if we have multiple images side by side can they load up in sequence with a delay? i can try to code this in css, but maybe the work has already been done?
you might want to search for carousel, might do the job
@kirbyedy that is for a slider, i am looking for a 2 or 3 colum image that will animate on page scroll
I guess I dont understand what are you looking for
@dotkoven Funny you should mention that. Last night people were telling me the loading animation took too long :smile:
help
the loading time is ok now, but as he said the animation does not finish in that time, so all you have to do is speed it up, and thats it @electrostaticfleece
so loading time ok, animation time slow
I bet thats a simple fix for you
@johnjullies Hey John, it looks like this might be the first time encountering callback functions. I would advise setting your HTML element from within your callback function (the function nested in your .getJSON())
@johnjullies This is some good reading:
and
What is happening is that the code inside of your .getJSON is not executing until after the rest of your code (synchronous) has finished.
since .getJSON() might take a while to return a value, it is interpretted as asynchronous.
This makes sense right? It has to send a request a request to a server, then wait for a response, so it would be super inefficient for the rest of the code to wait until it gets a value.
@johnjullies Anyway, that might be a lot to take in - but it's worth investing the time because you'll also need it for the next two challenges.
The simple fix is that you need to insert something like this into the function in getJSON():
document.getElementById("#my-quote-element").textContent = json.quote.quoteText;
yeah I kind of get what was happening when I inspected it on the console and noticed the differences in readyState. Yeah this is my first time encountering this
I got it working now. Code's dirty but it works! lol
I'll check those articles later. thanks @AllanPooley
:cookie: 274 | @allanpooley |http://www.freecodecamp.com/allanpooley
johnjullies sends brownie points to @allanpooley :sparkles: :thumbsup: :sparkles:
No problemo! @johnjullies
I was wondering if anyone has recently, or is currently working on the TwitchTV project?
i added the search function in my twich code, but the problem is it get really slow with input search and sometimes frozen, and if add more letter, then it flashes. my wikipedia viewer use similar coding structure, but it doesnt flash, i cannot figure out why the wikipedia viewer input search doesnt flash and frozen if add more letters e.g. d, then dd, then ddd. could anybody help to find the problem in twitch tv compare to my wikipedia viewer? the wiki code is very small. this is my twitch tv code http://codepen.io/c0d0er/pen/RGLxpQ?editors=0010
, and this is my wikipedia viewer: http://codepen.io/c0d0er/pen/WGkQvk?editors=1010
Hey @c0d0er , Sorry I don't know why Twitch seems slower or flashier - maybe it is the Twitcher API.
I was going to ask you how you were finding the project? I read on the forums a lot of people having issues with the API and codepen? The example app doesn't appear to be working either.
But your project seems to be working! So it is possible to complete this project?
Do you have any advise for someone just starting this project?
Do you have any advise for someone just starting this project?
Is there any gotchas?
almost done. it's showing the same quote. dunno if it's my api or code http://codepen.io/johnjullies/pen/yaARdm
hello! i got stuck with the tic-tac-toe app! so when I click first a X is ticked and a O is auto inputed at random but it works only once, why?
http://codepen.io/catalin560/pen/PGgkdb?editors=1010
http://codepen.io/catalin560/pen/PGgkdb?editors=1010
@pradxj07 thanks for your codepen example.
ricky11 sends brownie points to @pradxj07 :sparkles: :thumbsup: :sparkles:
:cookie: 327 | @pradxj07 |http://www.freecodecamp.com/pradxj07
@ricky11, you are welcome
@johnjullies does not show anything for me
not even a console log or error
Hi to All! Does anybody know what happened to alternative Twitch API site? https://wind-bow.hyperdev.space/twitch-api
HelloWorld!! need a help with Javascript task i need to search the data from a dynamic table have implemented the search but it searches only the 1st column not the entire table data please find the code fiddle https://jsfiddle.net/ShubhamTiwary/4j9536r6/
@Slider7 I think it might be down, I'm trying to figure out how to approach the project at the moment. I think what most people are doing at the moment is using the "https://api.twitch.tv/kraken/streams/" URL, but adding a client ID to the header of their JSON request
I think you can get your own Client ID by signing up for a twitch account
@Slider7 This might help: https://blog.twitch.tv/client-id-required-for-kraken-api-calls-afbb8e95f843#.wzlobp457
Hi Campers, any hint, how to start with Tic Tac Toe Game?
@parvinder09 here
@walidashri Thank you Walid
parvinder09 sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
:cookie: 485 | @walidashri |http://www.freecodecamp.com/walidashri
help meeeee
no wiki entry for:
meeeee
Nevermind, I figured it out :D
Hi ,Need help with a Javascript Implementation I need to search the data from a dynamic table But currently am able to search only the first column of a row Please find the code fiddle : https://jsfiddle.net/ShubhamTiwary/4j9536r6/
Hi everyone!
can anibody help me with calculator challange. so i put click eventlistener on +button. i want him to check display.value if it is a number, if it is, display.value shuld be "+". i dont know how to check if it is a number. help
to people working on the Twitch challenge : Hyperdev is temporarily offline because of a DDoS attack https://support.hyperdev.com/ . Due to that, our Twitch API pass-through server is not working.
hey guys I was wondering, if we dont feel comfortable creating a portfolio page for ourselves with our own personal social media sites linked, would it be okay to create a fake one with no connection to any of our real info?
admins? anybody?
@camperbot
@camperbot contact an admin for me please
nothing?
@Em-Ant Thanks for flagging, I was wondering about that. Hope it does not cause them too many problems.
jaemsnrg sends brownie points to @em-ant :sparkles: :thumbsup: :sparkles:
:cookie: 572 | @em-ant |http://www.freecodecamp.com/em-ant
help page is dead lol
no wiki entry for:
page is dead lol
help anyone?
no wiki entry for:
anyone
@jaemsnrg you're welcome :smile:
guess nobody is awake
@jayluvsdivn, what help do you need?
@pradxj07 just had a question about anonymity in the second front end project, the portfolio page
ok
help
<h4><a href="#col1Content" data-toggle="collapse">Column1</a></h4>
<div id="col1Content" class="collapse in">I was coaching Sanjay,* a leader in a technology firm who felt stuck and frustrated. He wasn’t where he wanted to be at this point in his career. He had come to our coaching session, as usual, prepared to discuss the challenges he was currently facing. This time, it was his plan for conducting compensation conversations with each of his employees. After a few minutes of listening to him talk through his plans, I interrupted him. “Sanjay, you’ve had these kinds of conversations before, right?” I asked. “Yes,” he said. “And, for the most part, you know how to do them, right?” “Yes,” he said again. “Great. Let’s talk about something else.”</div>
why didn't the collapse work?
<h4><a href="#col1Content" data-toggle="collapse">Column1</a></h4>
<div id="col1Content" class="collapse in">I was coaching Sanjay,* a leader in a technology firm who felt stuck and frustrated. He wasn’t where he wanted to be at this point in his career. He had come to our coaching session, as usual, prepared to discuss the challenges he was currently facing. This time, it was his plan for conducting compensation conversations with each of his employees. After a few minutes of listening to him talk through his plans, I interrupted him. “Sanjay, you’ve had these kinds of conversations before, right?” I asked. “Yes,” he said. “And, for the most part, you know how to do them, right?” “Yes,” he said again. “Great. Let’s talk about something else.”</div>
Here you go => CHUCK NORRIS JOKE GENERATOR :) (respone from server takes a while)
https://codepen.io/Miczysko/pen/amKBjb?editors=1111
https://codepen.io/Miczysko/pen/amKBjb?editors=1111
i want to append a ID whos value is unique variable to dom
var uniqueID='menu'+i;
div id=\"\'+uniqueID+\'\"
can any one help me with the correct syntax
Actual :- <div id= "uniqueID"
expected o/p:- <div id= "menu0"
hello
@Rakesh18754 u can just use $('div').attr('id', uniqueID); to add the id to the divs
hey has anyone started build tribute page
how do i begining
@christie91959 First pick a Person you want to describe; Then think about how you want your page would look like; You will use html (easiest way is to build it with bootstrap - divide page into 3; right side, middle and left; with using only middle for content) and css. Then u paste content from wikipedia.
@christie91959 as @Miczysko said first pick a subject (be it a person or whatever ) then you are free to present it the way you want. here my tribute page tribute page
Why is my page not working in Chrome, when it works fine in Firefox and Edge?
who can tell me how to use
```
```
background-image:url("");
I want to add the image which is in the same directory as my website
@kirbyedy how to locate a path of the image?
if you just enter the image name it will assume its in the same directory
but you might want to put it in the separate directory /images
@Hveden not working on Opera to; here's consolelog:
@Hveden
pen.js:6 getCurrentPosition() and watchPosition() no longer work on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.
pen.js:6 getCurrentPosition() and watchPosition() no longer work on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.
guess its a problem with getting geo location from some browsers using the way they used in the freecodecamp exercise
@skfwnelf the path of the img is relative to the root of the file calling it. for simplicity, lets say your index.html file residing in the root of your website needs to load an img that can be found in a subdirectory called images(or media, whatever), so your bg url will be background-image: url("images/mylogo.jpg")
@Hveden you will get the location if you start your codepen with https://
but then you will get a mixed content problem, because the api you use is on http://
@kirbyedy @Hveden then you can use https://crossorigin.me
just add before api's url like this
https://crossorigin.me/http://+your api adress+
just add before api's url like this
https://crossorigin.me/http://+your api adress+
code test
@kirbyedy @Miczysko Worked thanks alot
hveden sends brownie points to @kirbyedy and @miczysko :sparkles: :thumbsup: :sparkles:
:star2: 1487 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
:warning: could not find receiver for miczysko
Hmm in the "negative margin challenge" I was trying to understand why a padding of 10px offsets a negative margin of 15px. I thin the default border is 5px so -15px (margin) + 5px(border) = 10 px. padding. So it offsets it. Is my understanding correct.
between How do you send brownie points
I personally always try to avoid negative margin
@kirbyedy I would avoid it too only bootstrap seems to use it a lot
and it messes with my head but then I've not really dug into bootstrap its big
@camperbot @kirbyedy
hmm @camperbot how do I give @kirbyedy a brownie
@codeyBangs you should understand how the boxmodel works:here a ref link to read boxmodel and here where u can play with it playground
Hey, what do people think is the best way to put an image of yourself for the personal bio page? The obvious solution is to upload one only an image hosting site. Is it possible to do it straight from drive?
from* not only
@pshp nope. u can't load in codepen local files residing on ur pc/mac
I mean using a google drive url link ot the pic
@sorinr
@pshp don't know how to link from google drive but i remember i did it from dropbox. so it should work
@sorinr thanks, I will give it a go
pshp sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 799 | @sorinr |http://www.freecodecamp.com/sorinr
can someone troubleshoot with me? I built this tribute page and it looks fine in a full resolution browser window, but when you resize it, the padding for the h2 element becomes huge. how can I make the margin on the unordered list and the padding on the h2 responsive?http://codepen.io/nightrainlily/pen/ZpkqGV
did you add link to bootstrap css and js into pen settings
@fijeko yes I did
you also put evrething that goes into head section to settings html tag, and as i can see you give padding 450 px so its always 450 px Try to fix that with em units
... also you can style in css file html elements li and ul give them custom margin and other style
I am trying to understand why my Portfolio isn't all together....I want them to stack ontop of each other but don't know how that is done...where would I go to read more about that? http://codepen.io/egossick/full/mAoQwa/
hey all, trying to use bootstrap scrollspy
it does jump to section, but navbar button does not "highlight" when scrolled to section. any advice?
@jumpship91 add jquery and bootstrap js in this order and it will work
@sorinr any idea why this example works without jquery? http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_scrollspy&stacked=h
@jumpship91 what do u think are this two?
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
@jumpship91 copy pasted from the w3 example u gived me
@jumpship91 comment that lines in the w3 example and you will see its not working anymore
@sorinr awesome. thanks bud
jumpship91 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 800 | @sorinr |http://www.freecodecamp.com/sorinr
@jumpship91 welcome. so just add them in codepen settings javascript part and u off to go
not sure what this means.....Jade:5 3| 4| <!-- NAVIGATION --> > 5| <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 6| <div class="container"> 7| <div class="navbar-header"> 8| <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> unexpected token "indent" ...anyone? here is my page http://codepen.io/egossick/pen/mAoQwa
also my pic on my home isn't showing up after I changed the font for it? it has done this before....why?
is there a way to just host pictures on your on device instead of hosting them on a site?
@egossick hi Eric, to fix that error you can just click on the settings icon on the top left of your HTML code and then change the
HTML preprocessor to None
@egossick ohh didn't see the time you posted
hello )) who know backbone ? )
i need help ))
i am begginer :D
@Smefinka why would u mess with backbone as a beginner?
Hello World!
welcome to FreeCodeCamp @NitinNair89!
@sorinr i have task )) learning backbone ))
@APRim05 thanks....I had it set to jade some how....not sure I understand those settings
egossick sends brownie points to @aprim05 :sparkles: :thumbsup: :sparkles:
:cookie: 395 | @aprim05 |http://www.freecodecamp.com/aprim05
I am using my phone today :)
@egossick yeah Jade is another way of writing HTML i think, idk either
backbone ?))
One question - Use an existing chatbot base library or build a new one from scratch?
I want to learn how to build a chatbot
@Smefinka on fcc u have to learn backbone?
@NitinNair89 good. call me :)
@sorinr you know to develop? Or u wanna learn too?
I came across rebot today and pandorabots two days back. They both were awesome!
Guys, which is the best way to align something a little bit more down?
I have only one text, and i want to be a little bit downer
The best way is giving it the top parameter?
@NitinNair89 it was a joke about "i'm using my phone today" :)
@gastikirs depends on the element. U can decrease padding-bottom or margin-botton
@sorinr Oh sorry. I meant using my phone for gitter so can't help much with coding.
@NitinNair89 Giving top is not recomended?
@NitinNair89 it was just a joke. know what you meant. :)
@gastikirs decreasing the top will move element up and vice-versa. You may try 'bottom' as well. You can use it if you're sure it won't hamper your site's responsiveness :)
@NitinNair89 I will do it , ty
gastikirs sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 320 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
Hi everyone. I'm confused on the JSON/API projects. What do I need to change to make this work?
http://codepen.io/TheGr8Lemmoncawl/pen/BLAZQY
http://codepen.io/TheGr8Lemmoncawl/pen/BLAZQY
@TheGr8Lemmoncawl Can you add some console displays and see what response you get from the URL?
Console displays? Like console.log(html)?
I'm getting: XMLHttpRequest cannot load http://api.forismatic.com/api/1.0/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://s.codepen.io' is therefore not allowed access.
Try HTTPS
The dreaded cross border origin ..lol
VM1182 jquery.min.js:4 GET https://api.forismatic.com/api/1.0/ net::ERR_INSECURE_RESPONSE
Is it a problem with the API? Should I try a different one? Or is it a problem with my code?
@TheGr8Lemmoncawl let me check their api doc
It is not a problem or an issue with code. It is more of a semantic on using few APIs. @sorinr help me with the terms here pls? :)
@TheGr8Lemmoncawl from where did you get that URL? Which challenge are you trying to complete?
@TheGr8Lemmoncawl how do you call that api? can you share the pen link?
@NitinNair89 It's the random quote machine challenge.
It is not possible to retrieve data from any website or server unless that web server has a service for it.
Your URL took me to a different site I am not sure of. Does that website provide you random quotes? How did you get that URL?
@TheGr8Lemmoncawl
I found it here: http://forismatic.com/en/api/
@TheGr8Lemmoncawl it's a CORS issue. You need to use JSONP format. Look at the code in this example http://codepen.io/dting/pen/PqrZgb
@TheGr8Lemmoncawl try this: quotes
@sorinr So you just replaced the URL? where did you find that?
@sorinr @NitinNair89 Thanks for you help!
thegr8lemmoncawl sends brownie points to @sorinr and @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 801 | @sorinr |http://www.freecodecamp.com/sorinr
:cookie: 321 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
@TheGr8Lemmoncawl the information is there on the link you just sent. They have written it to use only with JSONP :)
@TheGr8Lemmoncawl in the api documentation. for every api u need in the future just read its docs to understand how to call it in a way to get the results u want
Ok. I'm not sure of the difference..
Even the parameters for the URL is mentioned. So please read it once carefully.
@NitinNair89 Do you know why the 'F' is not aligned with the temperature?
I wrote display inline-block,but doesnt work..
@TheGr8Lemmoncawl some API only needs the 'base' URL (like the one you used before) and some API need extra details. So for Forismatic, along with the base URL, they need few more parameters from the caller to ensure the service (here quotes) is provided correctly. :)
hi!! how can i set the width of the background grey to full??http://codepen.io/Juan1417/pen/BLrjOY
@gastikirs it is not detecting location (I am using phone) so I don't know where the 'F' is being displayed currently. Have you tried
vertical-align: middle;
@NitinNair89 Doesnt work vertical-align: middle;
Can u send screenshot?
Just wanna see how it looks..
@j1417 I don't see background color or image when I run your pen.. :(
@NitinNair89 http://i68.tinypic.com/28wl6ib.png
in the portfolio section no???' @NitinNair89
@j1417 this is what you want? portfolio
@sorinr no..i want grey in all the portfolio section
@gastikirs the image loaded now. Lol. Let me check your code
i want grey there too http://postimg.org/image/xiopw56vr/
i want to extend the width of the portfolio section
@gastikirs it is because of the <h2> and the image being beside each other. Heading tags have their own padding and margin properties. Try to reduce padding for the 'F'
@j1417 tried width:100% for portfolio?
@NitinNair89 it works only when i reduce the window size
Hey can someone help me with my getPicture method on my local weather app?
Wrap a <section> outside your portfolio. If you're using bootstrap then the section should be outside the row.
@j1417 then get out ur div #row1 out of the jubotron
@sorinr but i want that the row1 to take the width of the jumbotron
@j1417 the container class will add padding to left as well as right side to elements within it.
@j1417 and u want the outer space to have the same bg color as the #row1 div?
As I has said that day, use jumbotron only for the image and tagline.
*as I had
@j1417
@mhdavis does the console disolalay for getpic function display values for your variables properly?
@j1417 div#row1 already have the jumbotron width as it is inside of it. if u want it same width as container-fluid you have to move it out of jumbotron
@NitinNair89 it says cannot read object 'weather'
@mhdavis Ok then display the data parameter first inside that function
Probably something wrong with the dot notation
@sorinr yes but when i increase the window size the row1 reduces its width...
yea lemme chick
*check
I was wondering if the logic on my switch statement was right
but let me address that bug first
@NitinNair89 Tried to reduce padding but still doesnt work
@sorinr container-fluid still won't use 100% width. I suggest wrap a section to that portfolio row and give section bgcolor with width:100%
@j1417 you haven't used all the necessary classes to make tour website responsive on all screens. :)
what another classes do i need?? @NitinNair89
@gastikirs can use a normal span tag and increase fontsize?
For complete responsiveness you need col-xs-(extra small), col-sm-(small), col-md-(medium) and col-lg-(large) classes. So all elements that you wish to be displayed properly without any padding or margin issues should have these classes.
@NitinNair89 I reseted the padding all to 0px and worked
@NitinNair89 Ty ::)
gastikirs sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 322 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
After that u won't come across issues like width auto adjust and stuff unless you code it manually in your CSS @j1417
@gastikirs how else did you try before?
:D
@NitinNair89 okay I'm starting to see where I made silly mistakes
I hope I am not stressing you @j1417 but trust me I know how hard it is to get a good grip on the bootstrap grid. So take it slow. :)
@j1417 what do you mean by when you increase the window size that element decrease its size?
@mhdavis good to hear that buddy. :+1:
@NitinNair89 I tried changing just the padding-right
Now i did padding: 0px 0px 0px 0px;
He he. I should have been more clear :P sorry @gastikirs
You can omit the 'px' when using 0 :)
oh ty :D
For @j1417 - For complete responsiveness you need col-xs-(extra small), col-sm-(small), col-md-(medium) and col-lg-(large) classes. So all elements that you wish to be displayed properly without any padding or margin issues should have these classes.
@NitinNair89 i`ll do it.
@sorinr i mean this http://postimg.org/image/obc3k8ijb/
@NitinNair89
Can some one help me:
i want to put text inside my contact form
inside the bar
how can i do that
@Tomididak inside the bar?
yes
like name inside the first bar and email inside the second ect
@Tomididak if you write inside <input>Name</input> ??
i tried that it just appeared on the side of the bar
@NitinNair89 I got it to work! yeee boiii
@Tomididak try the 'placeholder' attribute of input tag
@mhdavis Awesome!! :+1: :)
mainly syntax errors, but nothing major. Its cool to see that my switch statement worked tho
:) cool
Good night Friends :)
@NitinNair89 fucking genius thanks maaaaaaan!
tomididak sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 323 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
@j1417 suggested the 'value' attribute. It will work too @Tomididak
:)
http://codepen.io/sperrye/full/bwkkAb/ I'd like to have a gutter between the works and appearances columns, and also beneath the quote. How do I achieve this? It seems the image does it automatically...
It's also automatically spacing the more info div from the appearances and works above it. So, some space around the white boxes
I figured out how to do it with padding and margin, but now the row with the two lists in it isn't centered, because I had to change their widths from 6 to 5 grid squares to allow the space for said padding.
How to access client width and cliet Height property of an element using juery or JS from console?
is twitch project even worth doing ? if it is , how to get it done ? it is really complicated
Anyone who has already done the javascript calculator, how did you deal with floating point errors?
@ajayt365 Complicated? You'll get more complicated things to do than this one ;p
lol
Greetings room
@TheMightyPingu errors? just round up what you display. Not the value you calculate. The rest is kinda normal, and you won't get exact values anyways. You wouldn't even notice the difference unless you're doing some crazy math stuff that needs the my-life-depends-on-it-precision.
@phiratio yo
I need little help about describing my question to google
i want to see example of code that when you are inactive or some page(no mouse events, no keyboard input) wallpaper activates
that is transparent
or page gets dimmed
but i dont know how to adress my quesiton to google
'Dear Mr. Google...'
:+1:
'detect idle js' would give birth to some results for sure ;d
then you would just trigger an event with your wallpaper or whatever.
ya thnaks
that's what i'm lookin for
@phiratio just ask mr. google next time. He's nice xD
i didnt know what to ask
Creating a Twitch Bot for CodeClash if anybody wants to watch. https://www.twitch.tv/codeclash
I'm working on the portfolio project. I have a few lines of text at each location on the page, but since I've added the form at the bottom it's the only thing that shows up. I tried adding a couple divs at the end after the form to see if they'd show, but they don't. ???? http://codepen.io/sperrye/pen/RGmoYV
hi! can someone please help me get my "My Work" section centered? if i remove my css 'margin' it will center, but i want space between each preview. http://codepen.io/jahnellybean/pen/rrbxPA thank you!!
I keep getting "unexpected end of input" or "unexpected token" at the end of my code. I think I have tried every combination of {}()and; but I can't get it fixed. Can anyone help? Is there a built in debugger to help match up these things?
what is the code?
Sorry - forgot the codepen link
I keep getting "unexpected end of input" or "unexpected token" at the end of my code. I think I have tried every combination of {}()and; but I can't get it fixed. Can anyone help? Is there a built in debugger to help match up these things?
@karocann }); missing, end of file
My content isn't showing up, I can't figure out why, but I think it has something to do with the navbar. Any suggestions? http://codepen.io/sperrye/pen/RGmoYV
@AdelMahjoub How did you figure that out???
@karocann used to be an adventurer , but got an arrow on my knee
@karocann Cute. In english, please....
@karocann lol
@sperrye add a padding-top to your body in the css file
@makstheimba I've got an arrow in both knees. Elbows and ankles are next. I'm stictly a Fallout fan.
@sperrye like 100px
is it just the offset?
oh, i see
Thank you
thanks @AdelMahjoub
sperrye sends brownie points to @adelmahjoub :sparkles: :thumbsup: :sparkles:
:cookie: 342 | @adelmahjoub |http://www.freecodecamp.com/adelmahjoub
wtf who is talking
?
@makstheimba I hear it too.
somebody is suddenly started talking
I don't hear anything, I didn't even know that was a feature
I did not know you can broadcast your voice to a whole room
OH, I bet youre hearing the video!
Because I paused it.
scroll up, there might be a video of a twitch project playing
hah! I think it's the twitch stream above
@sperrye oops, yeah. That's the case. But I did not click on a video
@karocann I think your success functions need a }
hahah the video got me too
anyone wanna help me :)
?
@jahnellybean i can try...what's up?
yay thank you!
http://codepen.io/jahnellybean/pen/rrbxPA the "My Work" preview section is off-centered. i want to center it with there are 2 images in a row but they seem to shift left. however, if i remove the margin in my css for each image (work1-4) then its centered. but i want the space between each image
@jahnellybean ok...the quickest fix (but not necessarily the best) would be to add margin-left to work1 and work3. you can add this after your existing margins
ah yes that makes sense and could work for now
ty @amit-s!
jahnellybean sends brownie points to @amit-s :sparkles: :thumbsup: :sparkles:
:cookie: 340 | @amit-s |http://www.freecodecamp.com/amit-s
look into css flexbox. I prefer it when it comes to stuff like this
Hello. I am running into some trouble with my tic-tac-toe game, in particular the functions checkPlayerVictory and checkComputerVictory... I have copied the code for checkPlayerVictory below and posted a link to the pen as well. For some reason, these functions are not doing what they are "supposed" to do and the application as a whole is very buggy. Hoping to start with the code below. Please, if you can help, help me figure out what the heck is going wrong with this ...
function checkPlayerVictory() {
$("#test6").html("checkPlayerVictory Initiated");
for (i=0; i < winCombos.length; i++) {
var ticTacToe = [];
var tic = winCombos[i][0];
var tac = winCombos[i][1];
var toe = winCombos[i][2];
if (playerOne.indeOf(tic) !== -1) {
ticTacToe.push("tic");
}
if (playerOne.indeOf(tac) !== -1) {
ticTacToe.push("tac");
}
if (playerOne.indeOf(toe) !== -1) {
ticTacToe.push("toe");
}
if (ticTacToe.length == 3) {
playerOneScore += 1;
winner = "Player1";
$("#test7").html(playerOneScore);
$("#1").html("Y");
$("#2").html("O");
$("#3").html("U");
$("#4").html("-");
$("#5").html("-");
$("#6").html("-");
$("#7").html("W");
$("#8").html("I");
$("#9").html("N");
break;
}
}
if (winner == "Player1") {
setTimeout (startGame, 3000);
}
if (winner !== "Player1") {
cpuTurn();
}
}
@DanielMW34 in your ifs: fix indeOf to indexOf
@risafletcher OMFG..... thank you... I have been losing my mind over this
:cookie: 4 | @risafletcher |http://www.freecodecamp.com/risafletcher
danielmw34 sends brownie points to @risafletcher :sparkles: :thumbsup: :sparkles:
@risafletcher do you have a line number or is it repeated over and over ?
@DanielMW34 ".indexOf" - misspelling
Many lines in the code you posted
@DanielMW34 the first 3 ifs in your for loop in the checkPlayerVictory function
@risafletcher @khaduch thank you ... I have probably copied/pasted this mistake into checkComputerVictory as well.... I can't imagine how long I would have gone on rewriting and restructuring the code if it had not been for you catching that
danielmw34 sends brownie points to @risafletcher and @khaduch :sparkles: :thumbsup: :sparkles:
:warning: danielmw34 already gave risafletcher points
:star2: 1842 | @khaduch |http://www.freecodecamp.com/khaduch
@DanielMW34 I hope it helps! If there are more errors I'm happy to help! :)
@risafletcher there are!!!!