These are chat archives for FreeCodeCamp/HelpFrontEnd

22nd
Jul 2016
Adam
@Adam-Collier
Jul 22 2016 00:12
@mremotoo okay so if you change the col-xs-8 to col-xs-7 and also col-xs-offset-1 it should look pretty centered
john94
@lpy1994
Jul 22 2016 00:14
hello, everyone, can anybody help me with my Portfolio?
I have a issue with thumbnails
Greg Duncan
@GregatGit
Jul 22 2016 00:18
@mremotoo @lpy1994 to get your navbar working here is an excellent page - I highly recommend going through all their bootstrap and using what you can to get your portfolio firing http://www.w3schools.com/bootstrap/bootstrap_scrollspy.asp
john94
@lpy1994
Jul 22 2016 00:19
this is awesome
thanks @GregatGit
CamperBot
@camperbot
Jul 22 2016 00:19
lpy1994 sends brownie points to @gregatgit :sparkles: :thumbsup: :sparkles:
:cookie: 704 | @gregatgit |http://www.freecodecamp.com/gregatgit
Greg Duncan
@GregatGit
Jul 22 2016 00:20
@mremotoo @lpy1994 to get bootstrap working properly you have to add jQuery.js and bootstrap.js (in that order) to the javascript in settings
john94
@lpy1994
Jul 22 2016 00:21
I was gonna ask about that
Greg Duncan
@GregatGit
Jul 22 2016 00:22
@lpy1994 You can check out w3schools bootstrap thumbnails - they have far better advice than I can give
Sam
@ampersamd
Jul 22 2016 00:22
Anyone have an idea how to set the min-height of a div to fill the screen? I'm having trouble making it work for my portfolio http://codepen.io/ampersamd/pen/LNzBQW
Paul Borawski
@iAmNawa
Jul 22 2016 00:23
@Adam-Collier You can leave the link in the html to whatever page you want, add a class to all the elements and change that class to an image in javascript
@ampersamd WHat div are you trying to fill the screen with?
try height: 100vh which would be 100% of th eviewport height
Sam
@ampersamd
Jul 22 2016 00:25
@iAmNawa The one with the class "smallInner"
Will try that
Tomás G. Martínez
@TomGM
Jul 22 2016 00:25
http://codepen.io/GMATom/pen/BzAOQE/?editors=1010 can somebody please tell me why this isn't working? I tried making a function to getWeather and then call it with the parameters (lat,lon) but whatever I do I just can't get the function to populate my "temp" span
Paul Borawski
@iAmNawa
Jul 22 2016 00:26
@ampersamd I like your page though, I always liked the parallax scrolling
Sam
@ampersamd
Jul 22 2016 00:30
Thank you @iAmNawa! It seems to work on my end. I was trying "100%" instead of 100vh. Noted for the future. Would you mind opening up my page again and telling me if my title page with my name "J. Sam Robertson" fills the screen and you can't see the beginning of the darker section below it? I want to test with different resolutions http://codepen.io/ampersamd/pen/LNzBQW
CamperBot
@camperbot
Jul 22 2016 00:30
ampersamd sends brownie points to @iamnawa :sparkles: :thumbsup: :sparkles:
:cookie: 578 | @iamnawa |http://www.freecodecamp.com/iamnawa
Paul Borawski
@iAmNawa
Jul 22 2016 00:34
@ampersamd Yes it fills the screen, nice!
Beth Qiang
@bethqiang
Jul 22 2016 00:36
so i'm about to embark on the random quote machine...feel decently confident with using jquery/apis/ajax after A LOT of video watching today, but one thing i don't really know/understand: would it be better to get a single random quote from the url in the .getJSON (which the api i'm using has a link for, and i don't completely understand it) or to get the entire array and then pick a random one later in the code?
Tyler Moeller
@TylerMoeller
Jul 22 2016 00:36
@TomGM $.getJSON is case-sensitive. $.getJson won't work. You also need a .done(function(weather)) on that weather getJSON. After you get that working, you'll find that weather.description is undefined, so you'll need to console.log(weather), look at the JSON, and figure out how to parse it to get the weather description. Hopefully this helps you get back on track :) didn't want to just give you the code.
@bethqiang It will be easier to use the API's random functionality rather than implementing your own. With that said, it isn't too hard to generate a random number, so in the end, it's all up to you
Phil
@mremotoo
Jul 22 2016 00:37

help here, m trying to figure out how to center my elements in the row,

http://codepen.io/mremoto/pen/NAYjRd

CamperBot
@camperbot
Jul 22 2016 00:37
no wiki entry for: here m trying to figure out how to center my elements in the rowhttpcodepeniomremotopennayjrd
Beth Qiang
@bethqiang
Jul 22 2016 00:40
@TylerMoeller that makes sense, hah. I just haven't been able to understand exactly how the API's url for a random quote was created so I'm a little more hesitant about using it. :)
Sam Griffen
@ssgriffen
Jul 22 2016 00:41
When using bootstrap framework is it okay/common to use multiple containers for one page...not nested but just multiple?
Tyler Moeller
@TylerMoeller
Jul 22 2016 00:41
@bethqiang console.log() is your friend :) once you get the API Call working, you can look at how changing the URL changes the data returned.
Beth Qiang
@bethqiang
Jul 22 2016 00:42
@TylerMoeller I forget that exists quite frequently haha. Will do for sure--thanks! :)
Tyler Moeller
@TylerMoeller
Jul 22 2016 00:42
@ssgriffen It is okay to use multiple, non-nested containers. Sometimes you want text to be in a container followed by an image that takes the full width of the screen (no container), followed again by more text in another container.
Joel Santos
@St3ps
Jul 22 2016 00:42

Hey everyone, got a question regarding the Map The Debris exercise of FCC. It's actually more of a "logic" question, or math question, what-have you...
For context:

"Return a new array that transforms the element's average altitude into their orbital periods.
The array will contain objects in the format {name: 'name', avgAlt: avgAlt}.
The values should be rounded to the nearest whole number. The body being orbited is Earth."

For more context, the link to my code: https://repl.it/Cef1/1

While i managed to solve it, i did look up the hints, because i was losing myself over what the actual formula consisted of, namely of the 'a' value, the semi-major axis in meters of the orbital period
It's stated that the semi-major axis is the average altitude of the orbitting object + earth's radius. Ok, but i don't understand how the 'average' is the right value to find the semi-major axis.
Shouldn't it be the highest altitude point of the orbitting object + earth's radius that actually defines the semi major axis's distance?

Sam Griffen
@ssgriffen
Jul 22 2016 00:43
@TylerMoeller Thanks!
CamperBot
@camperbot
Jul 22 2016 00:43
ssgriffen sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 685 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Jul 22 2016 00:43
@mremotoo the text-center class will center your text in a row. To center images, you can use the bootstrap grid system, or just leave the image in a row and define margin: 0 auto; in your CSS
Phil
@mremotoo
Jul 22 2016 00:53

@TylerMoeller , still not centering what seems to be wrong or missing here hmmm?

http://codepen.io/mremoto/full/NAYjRd/

Tyler Moeller
@TylerMoeller
Jul 22 2016 01:00
@mremotoo Looks like you're trying to center the #brand on your navbar. You'll have to do some customization to make that work - I wouldn't recommend it for your first personal portfolio. If you really want it centered, you could do something like this: http://www.bootply.com/mQh8DyRfWY#. Just make sure it looks okay on all different screen sizes.
Phil
@mremotoo
Jul 22 2016 01:01
no , not the navbar @TylerMoeller . the text and the image in the grey background
Justin Woodward
@jwoo92
Jul 22 2016 01:02
@mremotoo i think it looks fine how it is now.
@mremotoo oh i see the issue now.
Tyler Moeller
@TylerMoeller
Jul 22 2016 01:02
@mremotoo You need to use text-center to center that text. <div class="col-sm-7 text-center">
And margin: 0 auto; on the image in your CSS
Randy Goldsmith
@Dueldrawer8
Jul 22 2016 01:04
im trying to create calculator buttons using bootstrap.. first off why are the boxes different sizes? And how do i make them all line up evenly?
http://codepen.io/duel_drawer8/pen/rLygWG
Justin Woodward
@jwoo92
Jul 22 2016 01:08
@Dueldrawer8 i used actual buttons instead of span. that may be one way to help get started.
Randy Goldsmith
@Dueldrawer8
Jul 22 2016 01:09
@jwoo92 did you create yoru buttons using bootstrap?
Justin Woodward
@jwoo92
Jul 22 2016 01:09
@Dueldrawer8 yes, my calculator uses bootstrap.
@Dueldrawer8 however, i did not use bootstrap button classes.
Randy Goldsmith
@Dueldrawer8
Jul 22 2016 01:10
@jwoo92 yeah, i was trying to avoid the button route bc the bootstrap buttons all look generic
Beth Qiang
@bethqiang
Jul 22 2016 01:11
in the callback (in this case, click) function of .getJSON (for the random quote machine, not sure if that makes a difference)...how do i reference the object i got from the api? it doesn't have a name (that i know of?)...is there some way to name it so i can access the properties?
Justin Woodward
@jwoo92
Jul 22 2016 01:11
@Dueldrawer8 what i like to do is simplify the project first. start with a basic look where you can start your functionality. once everything works, you can go back and tidy up the look :) this is my own preference though sometimes.
@Dueldrawer8 use buttons and style them your own way :)
Phil
@mremotoo
Jul 22 2016 01:14
@TylerMoeller ok i'll try
Randy Goldsmith
@Dueldrawer8
Jul 22 2016 01:14
@jwoo92 thanks
CamperBot
@camperbot
Jul 22 2016 01:14
dueldrawer8 sends brownie points to @jwoo92 :sparkles: :thumbsup: :sparkles:
:cookie: 397 | @jwoo92 |http://www.freecodecamp.com/jwoo92
Beth Qiang
@bethqiang
Jul 22 2016 01:15
never mind, i think i figured it out :D
Tomás G. Martínez
@TomGM
Jul 22 2016 01:17

need some help here http://codepen.io/GMATom/pen/BzAOQE/?editors=1010

I need to alter the value of global variables lat and lon from within the function, is that possible? What am I doing wrong? later on I will use those global variables in a new function within the document ready one

Brooks Van Buren
@woofiewilly
Jul 22 2016 01:18
Anyone wanna give me some feedback on my new and improved quote generator?
http://codepen.io/woofiewilly/full/KrqGwP/
Phil
@mremotoo
Jul 22 2016 01:23

@mremotoo
Actually, this is what I'm trying to achieve:

https://codepen.io/FreeCodeCamp/full/YqLyXB/

and this is my code:

http://codepen.io/mremoto/full/NAYjRd/
Please notice the text and the image on my code. it doesn't seem that it's centered in the div properly...

Ken Haduch
@khaduch
Jul 22 2016 01:32
@TomGM - hello there. Right now (and I might have just caught it during editing) you have a syntax error in your code, a var api = with no ending?
@TomGM - if I comment that line out, it looks like it gets the location correctly?
@TomGM - another thing that you have slightly incorrect is that you are declaring the variables as "globals", but then you are re-declaring them within your .done(function(){}. If you just want to use them as globals, remove the var from the two declarations inside your function. Otherwise that is making a locally-scoped variable with the same name, but you won't set the global values.
Phil
@mremotoo
Jul 22 2016 01:38

how to get my image to center even when screen resizes?

http://codepen.io/mremoto/pen/NAYjRd?editors=1100

Ken Haduch
@khaduch
Jul 22 2016 01:40
@woofiewilly - I like it, but your "Tweet" quote is one behind from the one that you are showing at the time. But I like the design of the site. One other thing that you could improve is that if your quote is too long to tweet, you could truncate it, kind of like that one freecodecamp exercise putting ... at the end. Just a thought...
Tomás G. Martínez
@TomGM
Jul 22 2016 01:41

@khaduch in the end I decided to just nest the ajax function, but I still can't get it to retrieve data properly, would you take a look? If this worked, alert(data.weather.main) should give me something, but it doesn't
here's the api call = api.openweathermap.org/data/2.5/weather?lat="+lat+"&lon="+lon+"&appid=71515d3ce7d65a06962c9ca092e37177

http://codepen.io/GMATom/pen/BzAOQE/?editors=1010

Ken Haduch
@khaduch
Jul 22 2016 01:42
@TomGM - I'll check it out.
Tomás G. Martínez
@TomGM
Jul 22 2016 01:42
I just couldn't set my global lat and lon variables to the info I retrieved from the first api within the function, tried multiple ways... someone told me to try promises but I've no idea how they work yet
Ken Haduch
@khaduch
Jul 22 2016 01:43
@TomGM - try putting http:// in your openweathermap call.
Brooks Van Buren
@woofiewilly
Jul 22 2016 01:45
@khaduch Thanks! I just noticed those problems, so I'm gonna try to fix them
CamperBot
@camperbot
Jul 22 2016 01:45
woofiewilly sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1470 | @khaduch |http://www.freecodecamp.com/khaduch
Ken Haduch
@khaduch
Jul 22 2016 01:45
@TomGM - and you need this: data.weather[0].main because the weather is an array, location [0] is where you find the first object.
Tomás G. Martínez
@TomGM
Jul 22 2016 01:47
oh god
not the same as figuring it out for myself
but thanks
it's been 3 hours
Ken Haduch
@khaduch
Jul 22 2016 01:49
@TomGM - actually, there are two different "main" - the one inside weather[{}] and then one that you can access as data.main.temp, data.main.pressure, etc. Hard to read that long string of JSON data... :)
Tomás G. Martínez
@TomGM
Jul 22 2016 01:51
you're a lifesaver
Ken Haduch
@khaduch
Jul 22 2016 01:51
@TomGM - found this site: http://codebeautify.org/jsonviewer, where you can paste a JSON string and it will format it into something a little more readable...
Tomás G. Martínez
@TomGM
Jul 22 2016 01:51
yeah I just got an addon for firefox that does that
because I was about to jump out a window
Ken Haduch
@khaduch
Jul 22 2016 01:53
@TomGM - happy to help - yeah, firefox has a lot of helpful addons... so, I hope you're on the way and don't hesitate to ask questions again!
Tomás G. Martínez
@TomGM
Jul 22 2016 02:02
well my only issue now is the fact whatever code I write, I have to nest within the previous nest, so I feel like it's going to be a mess
wonder if I should learn about "promises" and use that instead to make a better app
Ken Haduch
@khaduch
Jul 22 2016 02:03
@TomGM - you can still make those variables global. I don't know if I was clear on my other message. I'm adding another note.
Norvin Burrus
@ndburrus
Jul 22 2016 02:04
@TomGM these may be useful: :sparkles:
Tomás G. Martínez
@TomGM
Jul 22 2016 02:05
if you look at my current code http://codepen.io/GMATom/pen/BzAOQE/?editors=1010, how should I change it so that lat and lon are global variables? I tried declaring them with the var method right after the document ready function and it didn't work
that way I can avoid nesting the 2nd ajax function
Ken Haduch
@khaduch
Jul 22 2016 02:06

@TomGM - you just need to do this:

$(document).ready(function() {
    var lat, lon;
   GET_LOCATION_HERE ( function(data) {
        lat = data.latitude;
        lon = data.longitude;
        call the get_the_weather function
    };
    function get_the_weather() {

        etc.
    }
)};

you could do promises - I watched a video on that, it didn't seem to be that difficult? But I haven't tried it yet.

Tomás G. Martínez
@TomGM
Jul 22 2016 02:07
I'll try that again, maybe last time I was doing something else wrong
Ken Haduch
@khaduch
Jul 22 2016 02:08
@TomGM - you still need to wait for the location to be returned, but you can at least make the weather function separate so you don't have to nest all of the code in there, just a call to the function. And at that point, you can even pass lat and lon as arguments to the function, so the global variables really aren't necessary.
Tomás G. Martínez
@TomGM
Jul 22 2016 02:09
guess I'll fork and try
was about to break the code again lol
Elbert Cortez
@trip16661
Jul 22 2016 02:09
if u want to try something good and fancy
try the fetch api
it works with promises
Ken Haduch
@khaduch
Jul 22 2016 02:13
@mremotoo - looks like you got your image centering on a narrow screen?
now that I got the queries working it's time to melt my brain over celsius-farenheit and icons
Phil
@mremotoo
Jul 22 2016 02:16
hey @khaduch it's nice to see u again lol.
Ken Haduch
@khaduch
Jul 22 2016 02:16
@mremotoo - likewise... :)
Phil
@mremotoo
Jul 22 2016 02:17
support here is awesome =D
Tomás G. Martínez
@TomGM
Jul 22 2016 02:26
http://codepen.io/GMATom/pen/WxzYpK unexpected token illegal?
fixed
Kevin
@KevinBruland
Jul 22 2016 02:33
@TomGM yeah, it wasnt a minus sign
took me a minute to figure that out lol
thank you
Hi guys,I have built a basic first website,pls help me to make it better
Phil
@mremotoo
Jul 22 2016 02:49

Im actually playing around grid in bootstrap
what Im actually curious about is, when i scale the screen to full size of my laptop, the elements in the row seem to not evenly center themselves properly.

http://codepen.io/mremoto/full/NAYjRd/

@grace1120chen it's seems nice. You can make your elements to center for a better view
john94
@lpy1994
Jul 22 2016 02:52
@mremotoo set the pic size cover the whole thing would be better
Phil
@mremotoo
Jul 22 2016 02:53
@grace1120chen use text-center if you're using bootstrap or center-block for images
@lpy1994 cover the whole background with the picture is that what you mean?
Im actually trying to center the elements evenly on full screen
@lpy1994 when you scale it down, it seems to center fine
john94
@lpy1994
Jul 22 2016 02:55
the pic looks weird is that img-circle
Phil
@mremotoo
Jul 22 2016 02:55
@lpy1994 yes, it's just a placeholder for now... lol
john94
@lpy1994
Jul 22 2016 02:56
oh ok.
William Cabell
@wbac88
Jul 22 2016 02:56
Hi guys, I'm really stuck on getting the background to change for my local weather app. Could someone take a look and help out?
https://codepen.io/William-cabell/pen/WxkajL
Phil
@mremotoo
Jul 22 2016 02:57
@lpy1994 the point is, I'm trying to center the image and the text evenly on full screen
@wbac88 what background would you like to change?
William Cabell
@wbac88
Jul 22 2016 03:02
@mremotoo The background of the entire page. I've tried selecting the body and html in jquery, but it ends up pasting the picture over everything else on the page.
Islam Ibakaev
@dagman
Jul 22 2016 03:04
hey guy can you find a problem? I can't get my streamers rendered and at the same time i haven't been thrown an error in console. Can you figure this out? the pen itself
Tomás G. Martínez
@TomGM
Jul 22 2016 03:07
hey guys, where can I see the different possible values for each property of the result I get from querying the weather api? I want to display different icons according to the weather description using the switch method but I don't know which cases to use
David Halls
@DavidHalls
Jul 22 2016 03:08
send the results to the console.log
Phil
@mremotoo
Jul 22 2016 03:12
@wbac88 you could try to analyze your script, there's seem to be errors.
William Cabell
@wbac88
Jul 22 2016 03:14
@mremotoo Nope, the errors just have to do with a jquery plugin I was trying to use to fix the error.
*fix the problem I'm having
@mremotoo Or, I should say the errors having to do with the log in dev tools in chrome
Phil
@mremotoo
Jul 22 2016 03:18
@wbac88 I was kind of figuring out the same thing actually. Worse is, I've deleted it to make a new one
William Cabell
@wbac88
Jul 22 2016 03:21
@mremotoo Oh no! Yeah, I was assuming the weather API was going to be the hard part of this project, but no, it's the pretty pictures!
Phil
@mremotoo
Jul 22 2016 03:22
@wbac88 true. I actually starting over since I jumped a lot lol. Now I feel very noob trying to figure out these bootstrap grids lol
Tomás G. Martínez
@TomGM
Jul 22 2016 03:23
was looking at your code, are you sure 100,200,300,400,500,600 are the points at which weather description changes? where can I see that for myself? going to add clouds now
William Cabell
@wbac88
Jul 22 2016 03:23
@mremotoo Yeah, I'm going to go to bed ans see if it makes any more sense tomorrow.
@TomGM Are you talking to me? It says it all on the open weather site
Tomás G. Martínez
@TomGM
Jul 22 2016 03:23
oh didn't see that
ty
David Halls
@DavidHalls
Jul 22 2016 03:23
@mremotoo you should check out shoelace.io, it helps alot with setting up bootstraps divs
john94
@lpy1994
Jul 22 2016 03:24
can anybody teach how to use font awsome icons properly?
David Halls
@DavidHalls
Jul 22 2016 03:25
you just put it as the class name
William Cabell
@wbac88
Jul 22 2016 03:25
@TomGM I did the same thing that you're planning, just without the icons. I like that you were planning on using a switch, I forgot about those! I chained a whole bunch of if/else if
john94
@lpy1994
Jul 22 2016 03:25
@Byzgig take a look, it doesn’t work
William Cabell
@wbac88
Jul 22 2016 03:26
@lpy1994 Did you style them with CSS to give them new colors, etc?
@lpy1994 Oh yeah, I see. Hmm
David Halls
@DavidHalls
Jul 22 2016 03:28
@lpy1994 you also need to add tis to your html <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
@lpy1994 yup, that fixed it
Phil
@mremotoo
Jul 22 2016 03:30
@Byzgig Im actually playing around grid in bootstrap
what Im actually curious about is, when i scale the screen to full size of my laptop, the elements in the row seem to not evenly center themselves properly.
http://codepen.io/mremoto/full/NAYjRd/
Tomás G. Martínez
@TomGM
Jul 22 2016 03:30
@wbac88 try switch and > <, should do the trick, you can even take it further and use a case for each and every condition including tornadoes etc
john94
@lpy1994
Jul 22 2016 03:31
@Byzgig I think I added it already
David Halls
@DavidHalls
Jul 22 2016 03:32
@lpy1994 it wasnt in the pen you posted, i added it and now the font awesome icons are showing up
john94
@lpy1994
Jul 22 2016 03:32
@Byzgig yup.
David Halls
@DavidHalls
Jul 22 2016 03:33
@mremotoo tough to say without being able to see what its doing, it looks good on my 22" monitor
Phil
@mremotoo
Jul 22 2016 03:33

@Byzgig it's not evenly centered unlike this one,

https://codepen.io/FreeCodeCamp/full/YqLyXB/

William Cabell
@wbac88
Jul 22 2016 03:38
@TomGM That's a good idea I'll try that out, thank you!
CamperBot
@camperbot
Jul 22 2016 03:38
wbac88 sends brownie points to @tomgm :sparkles: :thumbsup: :sparkles:
:cookie: 287 | @tomgm |http://www.freecodecamp.com/tomgm
William Cabell
@wbac88
Jul 22 2016 03:38
Hopefully it works in getting so frustrated with it!
john94
@lpy1994
Jul 22 2016 03:39
@Byzgig thanks
CamperBot
@camperbot
Jul 22 2016 03:39
lpy1994 sends brownie points to @byzgig :sparkles: :thumbsup: :sparkles:
:cookie: 366 | @byzgig |http://www.freecodecamp.com/byzgig
David Halls
@DavidHalls
Jul 22 2016 03:40
@mremotoo the only difference i see is that it looks like you are centering the text while the other page you posted looks to be right aligned
everybody take a look, is there anything, any part that look abnormal or unecessary??
Matt Goldwater
@MJGwater
Jul 22 2016 03:51
This message was deleted

New to the forums! Hello!

I'm trying to do the twitchTV project in vanillaJS.

When I connect to the twitch api I get the wrong info (confirmed by placing the url in Postman).

Can someone please help me figure out whats wrong?

Here's my code

function httpGet(url) {
  var xhr = new XMLHttpRequest();
  xhr.open("GET", url);
  xhr.send();
  console.log(xhr);
}

httpGet('https://api.twitch.tv/kraken/streams/esl_sc2');
David Halls
@DavidHalls
Jul 22 2016 03:56
post a link to your pen
Tomás G. Martínez
@TomGM
Jul 22 2016 04:00
can anyone help me here? http://codepen.io/GMATom/pen/WxzYpK it's giving me the default case even though cond=800, so it shows the rainbow pic instead of the clear sky one where did I break my code?
nvm can't use comparison op erators,
Greg Duncan
@GregatGit
Jul 22 2016 04:08
@TomGM use else and else if - i just did that on your pen and it works
Sam Griffen
@ssgriffen
Jul 22 2016 04:09
uh how do you add a class or something to a body tag in codepen?..
David Halls
@DavidHalls
Jul 22 2016 04:10
class= "" ???
Tomás G. Martínez
@TomGM
Jul 22 2016 04:12
fixed it http://codepen.io/GMATom/full/WxzYpK/ anything I could've done better? Trying to minimize bad habits as I move forward
Kevin
@KevinBruland
Jul 22 2016 04:14
@TomGM looks pretty solid
Tomás G. Martínez
@TomGM
Jul 22 2016 04:15
any method I should know of that would've made my code simpler? someone told me to use promises but I had no idea how to, would that code be acceptable as it is?
Kevin
@KevinBruland
Jul 22 2016 04:16
@TomGM everything seems fine to me, I wouldnt worry too much about absolutely perfecting everything
@TomGM you will learn as you go, and the easiest way to learn is to keep doing new projects
Tomás G. Martínez
@TomGM
Jul 22 2016 04:18
@Benalron thanks :), I just try to get as much as possible out of these, I want to become "better than good" at this eventually
CamperBot
@camperbot
Jul 22 2016 04:18
tomgm sends brownie points to @benalron :sparkles: :thumbsup: :sparkles:
:cookie: 412 | @benalron |http://www.freecodecamp.com/benalron
Kevin
@KevinBruland
Jul 22 2016 04:18
@TomGM my personal opinion is that the best way to do that is come up with unique ideas and things to try in addition to the FCC projects
Tomás G. Martínez
@TomGM
Jul 22 2016 04:19
@Benalron I'll get to that I guess, I was thinking of stopping once I'm done with the front end cert and get some books or whatever on front-end development before I move on to back-end
Kevin
@KevinBruland
Jul 22 2016 04:20
yeah, front end development can have a lot of depth to it... I think there won't be a shortage of things to learn for a long time
Tomás G. Martínez
@TomGM
Jul 22 2016 04:22
@Benalron also I feel like it might be hard for me to become an actual full-stack dev without some proper training on software engineering, and the career I picked in college is information systems (much more management oriented, only one coding course and it's meh), but I might be wrong there
front-end I can probably do with just time and some design training
Kevin
@KevinBruland
Jul 22 2016 04:23
@TomGM thats how I feel also
@TomGM im only 4 months in
but I feel like theres a TON of front end stuff to learn, and I enjoy it a lot
Tomás G. Martínez
@TomGM
Jul 22 2016 04:24
I really like the UX aspect of it, and that alone is a valid career path at least where I live
Kevin
@KevinBruland
Jul 22 2016 04:24
yeah same... I am not the best at design related stuff yet, but I really enjoy working with it
Tomás G. Martínez
@TomGM
Jul 22 2016 04:24
on a side note: I love this chat, pairing gitter+coding challenges I feel like I'm making real life progress and connections
Kevin
@KevinBruland
Jul 22 2016 04:25
definitely
Tomás G. Martínez
@TomGM
Jul 22 2016 04:25
if only those 15.000 gaming hours were freecodecamp hours :p
Kevin
@KevinBruland
Jul 22 2016 04:25
I know the feeling, but always better late than never
David Halls
@DavidHalls
Jul 22 2016 04:26
i <3 League
Kevin
@KevinBruland
Jul 22 2016 04:26
I put more effort into hitting Diamond in league a year ago than I have put into coding so far : \
and coding makes me feel 10x more satisfied
Tomás G. Martínez
@TomGM
Jul 22 2016 04:27
I played 11k hours of dota
David Halls
@DavidHalls
Jul 22 2016 04:27
i wish i was diamond :(
Tomás G. Martínez
@TomGM
Jul 22 2016 04:27
I regret nothing
David Halls
@DavidHalls
Jul 22 2016 04:28
anyone working on the inventory challege?
Tomás G. Martínez
@TomGM
Jul 22 2016 04:28
but yeah, a friend picked up coding at 15, we're 24 now, and all I can say is " he's doing well"
Kevin
@KevinBruland
Jul 22 2016 04:28
@Byzgig I have done it and can help if you get stuck
David Halls
@DavidHalls
Jul 22 2016 04:28
@Benalron i have it so it updates the existing inventory, but i can't figure out how to add the new items
Kevin
@KevinBruland
Jul 22 2016 04:31
@Byzgig you just need to push the new item into the array if it doesnt exist
David Halls
@DavidHalls
Jul 22 2016 04:31
i know, but in my for loop it adds it 3 times because it doesnt match that many times
ive been trying to remove thematches and then push it after it has the array has been reduced but cant quite get there
fernando
@zaynsantiago
Jul 22 2016 05:20
hey so i am working on the personal portfolio webpage and i used img src with my drop box links to my pictures but nothings popping up does anyone know what im doing wrong
Faisal Zulfiqar
@faisal-zulfiqar
Jul 22 2016 05:31
Hi! Can someone give me a good course on 'Multivariable Calculus' from a good university. I know its off topic, but I need it.
Sean DiSanti
@badc0ded
Jul 22 2016 05:45
@zaynsantiago i don't know if you can hotlink to a dropbox url like that. maybe use a photosharing site
like photobucket or imgur
fernando
@zaynsantiago
Jul 22 2016 05:46
ill try someone actuallly suggested it to me but what site would u recommend
@badc0ded
Sean DiSanti
@badc0ded
Jul 22 2016 05:47
i think either of those would work, or you can even use puush
i usually post images to my own domain, but i use puush for a lot of quick sharing
Randy Goldsmith
@Dueldrawer8
Jul 22 2016 05:54
anyone know why my buttons wont display side by side on my calculator?
http://codepen.io/duel_drawer8/pen/rLygWG
Hector Garcia
@augmt
Jul 22 2016 06:05
@Dueldrawer8 try setting a fixed width for your rows
Annis Monadjem
@Annis-Monadjem
Jul 22 2016 06:55
Hello Everyone
Grumpy Miyagi
@Grumpy-Miyagi
Jul 22 2016 07:00

I am on the "build personal portfolio page" challenge. I am trying to run this code outside of Codepen, but am hitting a wall. It has to do, I think, with enabling Bootstrap.js and/or jQuery. Here's what I've got in the '<head>':
'''

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="icon" href="https://scontent.ford1-1.fna.fbcdn.net/v/t1.0-1/p160x160/11267355_936873989705417_1124143444860752719_n.jpg?oh=b3cad97689918a0aa3fa095b816c2cbf&oe=581F1ABF" type="image/jpg">
<title>My Portfolio Page</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="../../assets/js/ie-emulation-modes-warning.js">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]-->
<!--script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script-->
<!--script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script-->
<!--[endif]-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" async></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous" async></script>
</head>
'''

CamperBot
@camperbot
Jul 22 2016 07:00
:bulb: to format code use backticks! ``` more info
Grace Chen
@grace1120chen
Jul 22 2016 07:01
Hi,how to get started with this project?
Grumpy Miyagi
@Grumpy-Miyagi
Jul 22 2016 07:02
I am on the "build personal portfolio page" challenge. I am trying to run this code outside of Codepen, but am hitting a wall. It has to do, I think, with enabling Bootstrap.js and/or jQuery. Here's what I've got in the <head>:

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="icon" href="https://scontent.ford1-1.fna.fbcdn.net/v/t1.0-1/p160x160/11267355_936873989705417_1124143444860752719_n.jpg?oh=b3cad97689918a0aa3fa095b816c2cbf&oe=581F1ABF" type="image/jpg">
<title>My Portfolio Page</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="../../assets/js/ie-emulation-modes-warning.js">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]-->
<!--script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script-->
<!--script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script-->
<!--[endif]-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" async></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous" async></script>
</head>
Grace Chen
@grace1120chen
Jul 22 2016 07:02
Did you guys find the bootstrap framework to start with or what?
Thank you
Grumpy Miyagi
@Grumpy-Miyagi
Jul 22 2016 07:03
it works in Codepen
I mean, my body markup works in Codepen
My <body> markup works in Codepen
Hector Garcia
@augmt
Jul 22 2016 07:12
@codemonkey4 this line here: <script src="../../assets/js/ie-emulation-modes-warning.js"> try closing that script tag
Grumpy Miyagi
@Grumpy-Miyagi
Jul 22 2016 07:12
@augmt i'll give it a try
@augmt No dice.
Notepad++: still learning it.
Annis Monadjem
@Annis-Monadjem
Jul 22 2016 07:18

I've completed Show Local Weather which worked well for me when run from a http-server -c-1 local server environment. So I placed my project on Codepen.io but now i notice that when i open it from Codepen.io it really is not doing what it should do for example the image does not show up and the Celsius/Fahrenheit conversion formula has stopped working. This is very strange because - all these worked perfectly well until copied to Codepen.io Have you seen this problem before and what could it be?

my Show Local Weather project

Please advice me why this is happening and how can I fix it.

Hector Garcia
@augmt
Jul 22 2016 07:18
@codemonkey4 oh, ok. you can check the console and see what it's saying.
ctrl + shift + j if you're on chrome, i believe
Grumpy Miyagi
@Grumpy-Miyagi
Jul 22 2016 07:19
@augmt I use Firefox
Hector Garcia
@augmt
Jul 22 2016 07:19
@codemonkey4 may still be ctrl + shift + j
Grumpy Miyagi
@Grumpy-Miyagi
Jul 22 2016 07:20
@augmt lol it is indeed
@augmt OH SNAP i've got NoScript installed :-1:
Hector Garcia
@augmt
Jul 22 2016 07:23
@Annis-Monadjem what happens when you access the pen through http?
@codemonkey4 so it's blocking jquery and bootstrap?
Annis Monadjem
@Annis-Monadjem
Jul 22 2016 07:25
@augmt - sorry but how did you do that ?
@augmt - i can clearly see that it is working for you (on the link you provided) ...
Hector Garcia
@augmt
Jul 22 2016 07:26
@Annis-Monadjem codepen's currently accessible through http and https
the openweatherapi is http only unless you pay for https
Annis Monadjem
@Annis-Monadjem
Jul 22 2016 07:26
@augmt - got it thanks @augmt thanks great !!! Thanks
CamperBot
@camperbot
Jul 22 2016 07:26
annis-monadjem sends brownie points to @augmt :sparkles: :thumbsup: :sparkles:
:cookie: 422 | @augmt |http://www.freecodecamp.com/augmt
Hector Garcia
@augmt
Jul 22 2016 07:26
and if you access codepen through https you can't access openweatherapi through http unless you use a proxy
if you want to show the weather when on https you can either use a proxy or use a different weather api
Annis Monadjem
@Annis-Monadjem
Jul 22 2016 07:28
@augmt - now what is a proxy and how I would use a proxy (or at least where i could find more about it please).
Grumpy Miyagi
@Grumpy-Miyagi
Jul 22 2016 07:28
@codemonkey4 so it's blocking jquery and bootstrap?
getting a lot of these errors in console
blockquote flashctrl:Object { message: "The operation is insecure.", lineNumber: 51, stack: "main@resource://gre/modules/commonj…", name: "SecurityError" }
Hector Garcia
@augmt
Jul 22 2016 07:28
@Annis-Monadjem by proxy i mean something like this - https://crossorigin.me/
Grumpy Miyagi
@Grumpy-Miyagi
Jul 22 2016 07:29
@augmt i'm getting closer, thanks to your console clue.
CamperBot
@camperbot
Jul 22 2016 07:29
codemonkey4 sends brownie points to @augmt :sparkles: :thumbsup: :sparkles:
:cookie: 423 | @augmt |http://www.freecodecamp.com/augmt
Hector Garcia
@augmt
Jul 22 2016 07:30
it'll redirect your api request so it'll seem like your request was directed to an https source rather than an http source
Grumpy Miyagi
@Grumpy-Miyagi
Jul 22 2016 07:31
gah, my markdown skills are nonexistent. i'm so newb at this
Hector Garcia
@augmt
Jul 22 2016 07:31
@codemonkey4 nice! i've never dealt with NoScript, but i'm glad i could help at least a bit
Grumpy Miyagi
@Grumpy-Miyagi
Jul 22 2016 07:32
@augmt :clap:
Annis Monadjem
@Annis-Monadjem
Jul 22 2016 07:33
thanks @augmt
CamperBot
@camperbot
Jul 22 2016 07:33
annis-monadjem sends brownie points to @augmt :sparkles: :thumbsup: :sparkles:
:warning: annis-monadjem already gave augmt points
Hector Garcia
@augmt
Jul 22 2016 07:36
@Annis-Monadjem in case you'd like to look at different weather apis, there's forecast.io, wunderground, and the yahoo weather api, among others
Grumpy Miyagi
@Grumpy-Miyagi
Jul 22 2016 07:40
I suppose just in the interests of moving on, I'll have to drop my dislike of Codepen and stick with it because then at least the code works. I'll have to figure out, eventually, how to get my code to work outside of it
Manikanth
@manikanth1024
Jul 22 2016 07:54
Hello guys
I need ur help
Sorin Ruse
@sorinr
Jul 22 2016 08:11
@manikanth1024 whats the problem?
Kevin
@KevinBruland
Jul 22 2016 08:33
im a little bit confused about setInterval functions, I want mine to start on click, but it is firing right out the gate?
Grumpy Miyagi
@Grumpy-Miyagi
Jul 22 2016 08:56
@augmt Hey, I finally figured it out, although I don't know why it worked. I moved the <script> tags for the Bootstrap and jQuery js libs out of the <head> to the end of the <body
Abdus Sami Patel
@AbdusSamiPatel
Jul 22 2016 09:34
@codemonkey4 i am a little confused about basic front end development what i will do in this
@codemonkey4 we will write a code or learn the different things.
Grumpy Miyagi
@Grumpy-Miyagi
Jul 22 2016 09:43
@AbdusSamiPatel I'm just as new at this as you. Going to bed now... namaste
Abdus Sami Patel
@AbdusSamiPatel
Jul 22 2016 09:55
@Benalron am a little confused about basic front end development what i will do in this. We will write a code or learn the different things.
Grace Chen
@grace1120chen
Jul 22 2016 09:58
@mremotoo @lpy1994 Thank you
CamperBot
@camperbot
Jul 22 2016 09:58
grace1120chen sends brownie points to @mremotoo and @lpy1994 :sparkles: :thumbsup: :sparkles:
:cookie: 127 | @lpy1994 |http://www.freecodecamp.com/lpy1994
:cookie: 116 | @mremotoo |http://www.freecodecamp.com/mremotoo
Abdus Sami Patel
@AbdusSamiPatel
Jul 22 2016 10:02
@camperbot I am a little confused about basic front end development what i will do in this. We will write a code or learn the different things.
Grace Chen
@grace1120chen
Jul 22 2016 10:04
Hi guys
for Build a Personal Portfolio Webpage this project
where should I start?
Thanks
Fazila Kizakkaypattuthodi
@siyafazila
Jul 22 2016 10:07
@grace1120chen you can start with the html markup to fulfill the user stories given, using the sample portfolio page
Grace Chen
@grace1120chen
Jul 22 2016 10:08
@siyafazila Than you
the sample portfolio page is on codepen,right?
Fazila Kizakkaypattuthodi
@siyafazila
Jul 22 2016 10:08
@grace1120chen if u have any doubts let me know
@grace1120chen yep. You can view it in codepen. You have finished the tribute page challenge right?
Grace Chen
@grace1120chen
Jul 22 2016 10:10
right
Thank you
u can take this as an example
and this also
Faisal Zulfiqar
@faisal-zulfiqar
Jul 22 2016 10:11
Any good courses you'd recommend to learn 'Data Structures & algorithms' and 'assembly language'?
possibly this too
Fazila Kizakkaypattuthodi
@siyafazila
Jul 22 2016 10:12
@faisal1337 check coursera and edx. They have several courses.
Faisal Zulfiqar
@faisal-zulfiqar
Jul 22 2016 10:13
Aye.
Abdus Sami Patel
@AbdusSamiPatel
Jul 22 2016 10:19
@siyafazila I am a little confused about basic front end development what i will do in this. We will write a code or learn the different things.
Grace Chen
@grace1120chen
Jul 22 2016 10:20
@NixonRichard Thank you so much
CamperBot
@camperbot
Jul 22 2016 10:20
:cookie: 112 | @nixonrichard |http://www.freecodecamp.com/nixonrichard
grace1120chen sends brownie points to @nixonrichard :sparkles: :thumbsup: :sparkles:
Fazila Kizakkaypattuthodi
@siyafazila
Jul 22 2016 10:21
@AbdusSamiPatel You will learn the basic technologies, languages and frameworks in web development. HTML, CSS, JS, Etc
Clem
@ctataru
Jul 22 2016 11:29
have any of you worked on the simon game? the sample mp3 sounds they provided us don't seem to be great quality
Marc M
@Marc-Moeller
Jul 22 2016 11:31
Hi code campers
I have a beginner question <a href="www.link.com.au" target="_blank">Designed by....</a>
Fazila Kizakkaypattuthodi
@siyafazila
Jul 22 2016 11:32
@flyyyperth hi.what is the qn?
Marc M
@Marc-Moeller
Jul 22 2016 11:32
This should open the address in a new link. But i have the problem it just adds the target web address to the end of the current websites
it results in an error and it cant show the website
Carole Nissen
@callyb
Jul 22 2016 11:33
Hi, I'm stuck again! I'm working on the twitchtv challenge and am having the most problem trying to get the data into the DOM...my code attaches the ul for each json object as I wanted, but the data doesn't populate it. I think it might be about parsing the json but every script I try for doing that doesn't work - can anyone help? Code is at http://codepen.io/callyB/pen/RRrOVY
kirbyedy
@kirbyedy
Jul 22 2016 11:38
@callyb this item is what ?
$(document.createElement('li')).text(item)
where does it come from ?
Carole Nissen
@callyb
Jul 22 2016 11:38
I kinda hoped it was the text from each item in the object (that maybe should be an array)? Obviously it's not hto
oops - sorry @kirbyedy - finger slipped!
Fazila Kizakkaypattuthodi
@siyafazila
Jul 22 2016 11:39
@flyyyperth not sure y its not wrking. Where is this markup actually in?
Marc M
@Marc-Moeller
Jul 22 2016 11:39
@siyafazila in a <p> element
http://businessdemo1.xyz/ the link in the footer
Carole Nissen
@callyb
Jul 22 2016 11:40
@kirbyedy in the json object that is...
Kevin
@KevinBruland
Jul 22 2016 11:44
@callyb still having issues?
Carole Nissen
@callyb
Jul 22 2016 11:45
yup @Benalron - any advice gratefully received! (that was a yes!)
Kevin
@KevinBruland
Jul 22 2016 11:46
so each time it runs, what are you trying to add?
Fazila Kizakkaypattuthodi
@siyafazila
Jul 22 2016 11:46
@flyyyperth did you contact the ppl at your web host?
Marc M
@Marc-Moeller
Jul 22 2016 11:46
@siyafazila , no I didn't as everything else worked fine
kirbyedy
@kirbyedy
Jul 22 2016 11:47
@callyb $('#list').append(name+'<br>');
Fazila Kizakkaypattuthodi
@siyafazila
Jul 22 2016 11:47
@flyyyperth I think its something that needs to be fixed from their end.
Carole Nissen
@callyb
Jul 22 2016 11:47
@Benalron trying to add each item from the json data?
Fazila Kizakkaypattuthodi
@siyafazila
Jul 22 2016 11:48
html is fine. @flyyyperth
Carole Nissen
@callyb
Jul 22 2016 11:48
@kirbyedy - will try that as soon as i get this client off the phone - thanks!!!
CamperBot
@camperbot
Jul 22 2016 11:48
callyb sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1269 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
Marc M
@Marc-Moeller
Jul 22 2016 11:49
@siyafazila okay thanks
CamperBot
@camperbot
Jul 22 2016 11:49
flyyyperth sends brownie points to @siyafazila :sparkles: :thumbsup: :sparkles:
:cookie: 145 | @siyafazila |http://www.freecodecamp.com/siyafazila
Fazila Kizakkaypattuthodi
@siyafazila
Jul 22 2016 11:50
@flyyyperth do check the error log in the cpanel, it might shed some light as to what failed in execution.
Carole Nissen
@callyb
Jul 22 2016 11:52
@kirbyedy it didn't seem to work - was it to replace my whole code block? I tried that and then just replacing the last line - sorry if I'm being dense!
Harrison Freeman
@HarrisonLib
Jul 22 2016 11:52
Hey can some one help can't continue after signing up for the forum the link to continue isn't active
kirbyedy
@kirbyedy
Jul 22 2016 11:53
@callyb I removed everything after that console.log(data)
Screen Shot 2016-07-22 at 14.53.31.png
Carole Nissen
@callyb
Jul 22 2016 11:55
Yayyyyy! (I just frightened the dogs - oops!) Thank you!!!!!!!! @kirbyedy - very elegent solution!!! (wish I'd thought of it)....
CamperBot
@camperbot
Jul 22 2016 11:55
callyb sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:warning: callyb already gave kirbyedy points
Oleg Uzunov
@aisforanti
Jul 22 2016 11:58
Hey guys, Could some one give me some feedback on my Random Quote Generator before i submit it ? http://codepen.io/aisforanti/pen/oLqoAG
kirbyedy
@kirbyedy
Jul 22 2016 12:02
@aisforanti nice :thumbsup:
Fazila Kizakkaypattuthodi
@siyafazila
Jul 22 2016 12:03
@aisforanti it looks pretty good . +1:
Oleg Uzunov
@aisforanti
Jul 22 2016 12:09
Thank you both!
vaibhav sharma
@vaibsharma
Jul 22 2016 12:55
Hello guys ! can any one of you can find Why $("id").val() ; is not returning anything. in my code?https://codepen.io/techobist/pen/dXmZwQ
*in the console
kirbyedy
@kirbyedy
Jul 22 2016 13:01
@vaibsharma
$('#search2').click(function() {
    var result = $('#search1').val();
    console.log(result);
vaibhav sharma
@vaibsharma
Jul 22 2016 13:05
its not working @kirbyedy
kirbyedy
@kirbyedy
Jul 22 2016 13:06
yes it does
why did you put value instead of val() ?
vaibhav sharma
@vaibsharma
Jul 22 2016 13:10
errr !! I am sorry . Thanks a lot . btw why calling a function from those parenthesis wasn't the correct way ?
@kirbyedy
CamperBot
@camperbot
Jul 22 2016 13:10
vaibsharma sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1271 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
kirbyedy
@kirbyedy
Jul 22 2016 13:10
value() no
val() yes
vaibhav sharma
@vaibsharma
Jul 22 2016 13:12
Ok thanx bro
Dylan Satelle
@DylanSatelle
Jul 22 2016 13:28
Yo guys, currently on the Personal Portfolio web page design. Just wondering, is it bad practice to use a fair amount of divs?
Sorin Ruse
@sorinr
Jul 22 2016 13:39
@DylanSatelle its not bad practice as long as you use it only as generic container. in some cases to be more semantic you can use sections, articles, aside, header ecc
Dylan Satelle
@DylanSatelle
Jul 22 2016 13:40
@sorinr right - I think im using it right.
kat-mag
@kat-mag
Jul 22 2016 13:40
@DylanSatelle what @sorinr said. HTML5 has some pretty good tags, so pure div is not always necessary.
Dylan Satelle
@DylanSatelle
Jul 22 2016 13:41
Alright, thanks.
I've ran into a little problem though. I'm trying to style my <p> tags.
All of them, to be the same.
Sigh... not very much.. .damn typos.
Fixed it :P
rashmiagar
@rashmiagar
Jul 22 2016 13:45
can someone help me
on tribute page
Robert Richey
@0x0936
Jul 22 2016 13:53
@rashmiagar do you have a specific question?
rashmiagar
@rashmiagar
Jul 22 2016 13:53
Yeah..How can I get the ul to the bottom of the page
It is getting wrapped around the floated elements
hello?
Robert Richey
@0x0936
Jul 22 2016 13:58
@rashmiagar be patient. it can take some time for someone to look through your code and figure out what's going on. in your css for the #history selector, change float: clear; to clear: both;
rashmiagar
@rashmiagar
Jul 22 2016 13:59
@0x0936 Thank you!
CamperBot
@camperbot
Jul 22 2016 13:59
rashmiagar sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:star2: 1564 | @0x0936 |http://www.freecodecamp.com/0x0936
Dylan Satelle
@DylanSatelle
Jul 22 2016 14:13
@0x0936 just wondering if you could tell me how the code is looking on my portfolio website attempt?
Robert Richey
@0x0936
Jul 22 2016 14:16
@DylanSatelle sure - got a link?
o, brb.
LordYamanouchi
@LordYamanouchi
Jul 22 2016 14:28
Hey, does anyone know why this isn't working?
function mutation(arr) {
   var arrOne = arr[0].toLowerCase();
   var splitTwo = arr[1].toLowerCase().split("");
   for(var i = 0; i < splitTwo.length; i++){
     if(splitTwo[i].indexOf(arrOne) === -1){
       return false;
     }
     return true;
   } 

}

mutation(["Mary", "Aarmy"]);
Robert Richey
@0x0936
Jul 22 2016 14:28
@DylanSatelle the h2 with id of contact needs to be fixed - I'll see if you can spot the problem. <img> tags don't require a closing </img> tag. The general rule is that if content cannot be added to the tag, don't use a closing tag. The <center> tag is no longer supported in HTML5, use CSS instead. It's a good start :+1:
Dylan Satelle
@DylanSatelle
Jul 22 2016 14:29
alright, thank you @0x0936
CamperBot
@camperbot
Jul 22 2016 14:29
dylansatelle sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:star2: 1565 | @0x0936 |http://www.freecodecamp.com/0x0936
Robert Richey
@0x0936
Jul 22 2016 14:32
@LordYamanouchi your if condition is asking if this letter contains this string swap those. also, return true should be outside, after the loop
LordYamanouchi
@LordYamanouchi
Jul 22 2016 14:33
@0x0936 Same problem when I do it like this.
function mutation(arr) {
   var arrOne = arr[0].toLowerCase();
   var splitTwo = arr[1].toLowerCase().split("");
   for(var i = 0; i < splitTwo.length; i++){
     if(splitTwo[i].indexOf(arrOne) === -1){
       return false;
     }
   } 
return true;
}

mutation(["Mary", "Aarmy"]);
Gary Siu
@GarySiu
Jul 22 2016 14:34
That’s the same thing again?
Robert Richey
@0x0936
Jul 22 2016 14:34
@LordYamanouchi you didn't swap your letter and string variables
Stephen James
@sjames1958gm
Jul 22 2016 14:34
@LordYamanouchi You need to swap arrOne and splitTwo in your indexOf
LordYamanouchi
@LordYamanouchi
Jul 22 2016 14:35
@0x0936 But I want all the letters in arr[0] to be in arr1 ?
Stephen James
@sjames1958gm
Jul 22 2016 14:36
@LordYamanouchi No you want all letters of arr[1] to be arr[0]
Robert Richey
@0x0936
Jul 22 2016 14:36
@LordYamanouchi you want all the letters from arr[1] to be in arr[0]. You're correctly iterating over the letters in arr[1] but the check needs to be if arrOne contains the current letter splitTwo[i]
Dylan Satelle
@DylanSatelle
Jul 22 2016 14:37
@0x0936 take it the problem was : and = :P
LordYamanouchi
@LordYamanouchi
Jul 22 2016 14:37
@0x0936 Oh that's how it works
Robert Richey
@0x0936
Jul 22 2016 14:37
@DylanSatelle yep :+1:
LordYamanouchi
@LordYamanouchi
Jul 22 2016 14:38
@0x0936 Yeah didn't read the indexOf properly
Dylan Satelle
@DylanSatelle
Jul 22 2016 14:38
@0x0936 awesome.. and last thing... of course im trying to do it from scratch but I keep relating to previous challanges and bootstrap / css cheat sheets.. is that ok?
Robert Richey
@0x0936
Jul 22 2016 14:39
@DylanSatelle of course. use any and all reference material that you can to help. none of us have everything memorized
Dylan Satelle
@DylanSatelle
Jul 22 2016 14:40
@0x0936 alrighty. Thanks.
CamperBot
@camperbot
Jul 22 2016 14:40
dylansatelle sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:warning: dylansatelle already gave 0x0936 points
Dylan Satelle
@DylanSatelle
Jul 22 2016 14:44
Oh yeah, and @0x0936 I wanted to ask, Am I using divs correcrtly?
Adam
@Adam-Collier
Jul 22 2016 15:09
okay so I am trying to get the button on the right to image swap when hovered over using JQuery (like the one on the left turning blue) but it doesnt seem to be working, can anyone help? heres the pen https://codepen.io/AdamCollier/pen/OXvwAw?editors=1010
Meet Mangukiya
@meetmangukiya
Jul 22 2016 15:31
what are such type of pages called, where the current view of the page have a full screen image covering the background, you scroll a little and then there's another image and another page type of thing?
How do all the images fit all lengths of screen perfectly :confused:
Dylan Satelle
@DylanSatelle
Jul 22 2016 15:34
@meetmangukiya Is it parallax your after?
@meetmangukiya If so, Travis Nielson did a great video on it.
Meet Mangukiya
@meetmangukiya
Jul 22 2016 15:34
I found one example , here http://codepen.io/Ayanami_Rei/full/zBRYdB
it has two parts, similarly there'd be many more.
@DylanSatelle searching for a example of parallax now, will let you know if it is what I was searching for :)
Martynas
@Marjanus
Jul 22 2016 15:38
@meetmangukiya they are called a single page apps. You can set height/min-height of <div> to 100% in css. Just don't forget to give those values to body as well
Meet Mangukiya
@meetmangukiya
Jul 22 2016 15:39
@DylanSatelle yeah, you are right, parallax scrolling is what I was looking for
thanks
@Marjanus yeah, but I still wonder how'd it not blur, if it is not stretched in its natural aspect ratio(assuming .svg, with something different it'd be even worse)
Dylan Satelle
@DylanSatelle
Jul 22 2016 15:42
@meetmangukiya np
lleander
@lleander
Jul 22 2016 16:45
"Build a Wikipedia Viewer" is giving me headache! I don't understand how to use the Wikipedia API!
Elbert Cortez
@trip16661
Jul 22 2016 16:46
does anybody knows? xD
lleander
@lleander
Jul 22 2016 16:58
There are so many parameters for the Wikipedia API! This is going to be a long TRIAL and ERROR process.
Robert Richey
@0x0936
Jul 22 2016 17:03
@DylanSatelle it's hard to use divs incorrectly - with exception being if there's an HTML semantic tag that would make more sense in place of the div. For example, you have distinct sections: portfolio, about, and contact. It may be more semantically correct to use <section></section> tags here instead of divs - this begins to touch on accessibility for both the user and web crawlers. The only other issue I noticed is that you're using inline-css styles. Try to place all of your css inside codepen's css section - or if developing locally, put all css inside a *.css file and add a link to it in the head tag.
lleander
@lleander
Jul 22 2016 17:05
I just hope that checking other resources such as StackOverflow is not a form of cheating.
Dylan Satelle
@DylanSatelle
Jul 22 2016 17:05
@0x0936 Alright. Thanks.
CamperBot
@camperbot
Jul 22 2016 17:05
dylansatelle sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:star2: 1566 | @0x0936 |http://www.freecodecamp.com/0x0936
Robert Richey
@0x0936
Jul 22 2016 17:06
@lleander that's not cheating. copy/pasting (plagiarizing) someone's project and presenting it as your own is cheating.
lleander
@lleander
Jul 22 2016 17:08
@0x0936 :smile:
vaibhav sharma
@vaibsharma
Jul 22 2016 17:14
Hello ! can anyone of you can help me why I am not able to get json file from ajax .https://codepen.io/techobist/pen/dXmZwQ
Ken Haduch
@khaduch
Jul 22 2016 17:15
@Adam-Collier - I think that your selector just isn't correct. I made a change and added a class "funnyButton", and then used that in the selector, and it works. This is what I changed
$("a.button").html("<img class='funnyButton'     src='https://65.media.tumblr.com/7510be5ac587b09cbf38e7dd3b968b04/tumblr_oaot6lEtzA1uupkrso1_75sq.png'>");

$(".funnyButton").mouseover(function(){
    // etc.
Darshan
@Dave1089
Jul 22 2016 17:16
@vaibsharma look at the console error
Adam
@Adam-Collier
Jul 22 2016 17:21
Thank you very much @khaduch it works! how come it didn’t work with that selector though?
CamperBot
@camperbot
Jul 22 2016 17:21
adam-collier sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1471 | @khaduch |http://www.freecodecamp.com/khaduch
vaibhav sharma
@vaibsharma
Jul 22 2016 17:30
@Dave1089 yeah I found the error but I am not finding what I am missing? Its saying Cross-Origin Request Blocked: (Reason: CORS header 'Access-Control-Allow-Origin' missing).
Darshan
@Dave1089
Jul 22 2016 17:35
@vaibsharma your URL only needs this much https://en.wikipedia.org/w/api.php?format=json&action=opensearch&search="+searchStr+"&limit=10&callback=?
don't forget callback=?
I wouldn't use ajax, when I have pretty short and simple jquery .getJSON() method
vaibhav sharma
@vaibsharma
Jul 22 2016 17:39
okay ! I will keep that in my mind , but I with the URL that I have in my code I am getting a json file from the address bar without any error ?
so why its creating problem when I am calling it from th ajax? @Dave1089
user-sarang
@user-sarang
Jul 22 2016 17:46
looking for feedback
Muhammad Hasham
@MohammadHasham
Jul 22 2016 17:47
how can i make my wind symbol inline with weather?
http://codepen.io/Mohammad_Hasham/pen/QEQzjw?editors=1100
user-sarang
@user-sarang
Jul 22 2016 17:47
@MohammadHasham - first of all add a container wrapper
for bootstrap you need to wrap everything inside a container class
Muhammad Hasham
@MohammadHasham
Jul 22 2016 17:48
@user-sarang why is the container necesarry?
Darshan
@Dave1089
Jul 22 2016 17:48
@vaibsharma may be because callback was missing , not sure I didn't look thoroughly
user-sarang
@user-sarang
Jul 22 2016 17:49
@MohammadHasham - "Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose one of two containers to use in your projects. Note that, due to padding and more, neither container is nestable."
i am looking into the exact issue now.
matthew3454
@matthew3454
Jul 22 2016 17:50
Please help me correct my how to reverse a string code. Thanks
function strReverse(str) {
var reverseStr = str.split(' ').reverse().join();
return reverseStr;
}
What is wrong?
Stephen James
@sjames1958gm
Jul 22 2016 17:51
@matthew3454 If you split with ' ' it will reverse words not characters
@matthew3454 Also the default join without a parameter will put commas between the letters
abhijith shenoy
@shenoyabhijith
Jul 22 2016 17:52
var myVar = 87;

// Only change code below this line
myVar = ++myVar;
having problem
myVar = myVar should be changed
Stephen James
@sjames1958gm
Jul 22 2016 17:53
@shenoyabhijith The example show i = i + 1 replaced with ++i - you should make the same replacement
abhijith shenoy
@shenoyabhijith
Jul 22 2016 17:54
@sjames1958gm can you elaborate
matthew3454
@matthew3454
Jul 22 2016 17:54
@sjames1958gm so should I simply not use apostrophes?
abhijith shenoy
@shenoyabhijith
Jul 22 2016 17:54
example tells me to make myVar to 88
myVar holds 88 r8
?
Stephen James
@sjames1958gm
Jul 22 2016 17:54
@matthew3454 use '' for both split and join
@shenoyabhijith Not sure how to. You had myVar = myVar + 1; replace this
abhijith shenoy
@shenoyabhijith
Jul 22 2016 17:56
thanks
@sjames1958gm
Stephen James
@sjames1958gm
Jul 22 2016 17:56
@shenoyabhijith :+1:
abhijith shenoy
@shenoyabhijith
Jul 22 2016 17:56
@sjames1958gm thank you
CamperBot
@camperbot
Jul 22 2016 17:56
shenoyabhijith sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 2092 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
abhijith shenoy
@shenoyabhijith
Jul 22 2016 17:56
:+1:
user-sarang
@user-sarang
Jul 22 2016 17:57
@MohammadHasham - couple of other fixes - use background-size:cover
Muhammad Hasham
@MohammadHasham
Jul 22 2016 17:57
@user-sarang Thanks
CamperBot
@camperbot
Jul 22 2016 17:57
mohammadhasham sends brownie points to @user-sarang :sparkles: :thumbsup: :sparkles:
:cookie: 220 | @user-sarang |http://www.freecodecamp.com/user-sarang
user-sarang
@user-sarang
Jul 22 2016 17:58
and then when you setup your rows let the column widths be 100% that is do not use col-md-* classes
for nwo
now
get all of views aligned
and then apply these classes for mobile compatability
Muhammad Hasham
@MohammadHasham
Jul 22 2016 17:58
@user-sarang can you tell me in simple words
do u mean to say that with row i dont have to use col-md-*
?
@user-sarang Please help me i am eager to make it responsive
i put in some quick fixes
yes col-lg-4 are classes that are used to get multiple columns
Muhammad Hasham
@MohammadHasham
Jul 22 2016 18:01
that can be md as well?
if i am not wrong/
Thanks alot body i'll look forward to it.
user-sarang
@user-sarang
Jul 22 2016 18:01
md is for medium size screens only
the actual specification is given in BS documentation
Muhammad Hasham
@MohammadHasham
Jul 22 2016 18:01
so what is the best optimized is it lg?
user-sarang
@user-sarang
Jul 22 2016 18:02
it depends on the content
Ken Haduch
@khaduch
Jul 22 2016 18:02
@Adam-Collier - you're welcome. I just came back and saw your reply. That selector just didn't select the img, so I thought I would try a slightly different one, and this seems to work, too: $("a.button img").mouseover(function(){ it finds the child img that is nested in that anchor tag.
user-sarang
@user-sarang
Jul 22 2016 18:02
if you look at it full screen then you will see 3 columns
as you reduce the size of the screen(browser) you will see it gets shifted to one column
Muhammad Hasham
@MohammadHasham
Jul 22 2016 18:03
so we have to use <div class = "row"> andd then <div class = "col-->
am i right?
user-sarang
@user-sarang
Jul 22 2016 18:03
yep both of them should be wrapped within the container class
Muhammad Hasham
@MohammadHasham
Jul 22 2016 18:03
okay!
so the pen you have sent after editing is the correct one without any major mistake i shall look forawrd to it?
@user-sarang
user-sarang
@user-sarang
Jul 22 2016 18:05
@MohammadHasham - i did only minor revisions, I did not check anything else.
Manuel Micu
@manu-4216
Jul 22 2016 18:21
Hi. Simon's finished. Can you guys have a look? (code mostly) .
*You can test the win by changing the config.nrOfWinningSequences
http://codepen.io/manu4216/full/AXyBJE/
Muhammad Hasham
@MohammadHasham
Jul 22 2016 18:26
can anyone suggest me that what i should improve technically? is it mobile responsive?
Muhammad Hasham
@MohammadHasham
Jul 22 2016 18:31
@manu-4216 @user-sarang @khaduch
Robert Richey
@0x0936
Jul 22 2016 18:37
@manu-4216 I really like that intro for your game and the shading. I noticed one problem. at stage 2 the a.i. selected yellow, yellow and I intentionally chose a wrong color (that sound for wrong selection is a bit jarring), then the a.i used a different sequence for me at stage two yellow, blue.
@manu-4216 pressing the start button while the game is active - and awaiting user input - simply advances the user to the next stage for free
Bhushan933
@Bhushan933
Jul 22 2016 18:42
Hi, I am a web developer with 9 years of experience, I want to work on some responsive design sites, my skills are HTML5, CSS, Javascript, Jquery, AngularJS, Bootstrap, Zurb-foundation. I want PSDs with 12 grid design, I will work for free as I want to build my portfolio.
Muhammad Hasham
@MohammadHasham
Jul 22 2016 18:59
@Bhushan933 please can you review my pen and tell guide me if there are no mistakes
Elbert Cortez
@trip16661
Jul 22 2016 19:49
@Bhushan933 not to blame but honest curiosity how is that in your 9 y of experience you never worked with responsive site?
Ken Haduch
@khaduch
Jul 22 2016 20:15

@MohammadHasham - looking at your weather app. I think that it looks very nice. I have a few comments:

  • "Fahrenheit" is misspelled in your button. And did it play a song the first time I clicked it? (There must be something else going on on my computer.)
  • The first time I click the C / F button, it doesn't do anything. After that, it works.
  • on CodePen, you should not have the <html> and <body> tags in your HTML panel. The Codepen template supplies those tags. You can make a body CSS selector to fill in your background image. And you should also set background-size: cover; because on a wide screen, your image started to repeat on the right hand side
  • I like the background image, but it doesn't really "fit" with my physical surroundings - I wish it did! It's beautiful... Not sure what it would take to make backgrounds that more accurately reflect the weather or physical surroundings of the user.

It looks great - just a couple little things, as I noted. Nice work!

abhijith shenoy
@shenoyabhijith
Jul 22 2016 20:31
guys need help
wordBlanks("dog", "big", "ran", "quickly") should contain all of the passed in words separated by non-word characters (and any additional words in your madlib).
wordBlanks("cat", "little", "hit", "slowly") should contain all of the passed in words separated by non-word characters (and any additional words in your madlib).
Jonathan Wieben
@JonathanWbn
Jul 22 2016 20:39
hey guys. i am working on my first project and need help. http://codepen.io/JonathanWbn/pen/AXVgkL here is the link of my pen. my problem happens when i hover over my heading (Jonathan Wieben). i wanna exclude this heading from the css i did for li a:hover. may someone helpful. i would appreciate it a lot.
Ken Haduch
@khaduch
Jul 22 2016 20:43

@manu-4216 - the look of the game is very nice! It seems to play well, too. Very good! I ran the "Analyze JS" function on it - it calls out a lot of things, many of which might be "noise", but I don't know if you'll find anything that will help you?

Once again - good work!

Mark
@vinarius
Jul 22 2016 20:45

Hey guys, I need some help figuring out how to get my logo to fit only the background of the #contactMe <div> and not the background of the whole page. Any ideas?

http://codepen.io/vinarius/pen/rLBQmN

Elbert Cortez
@trip16661
Jul 22 2016 20:45
    const setShowcaseImg = function() {
        const thisProject = project[$(this).data("project")];
        //gets the name of the project to later use it to fetch properties from that project
        $showcaseImg.find("img").attr("src", thisProject.img);
        //gets the url of the imagen and set it
        $showcaseImg.find("p").text(thisProject.description);
        //gets the description 
        $showcaseImg.find("a").attr("href", thisProject.url);
        //gets the url 
        $showcaseImg.addClass("showcase-open");
        // then it opens a div containing this info 
    }
I have something like this to showcase some images with text and a link but when i close the showcase div and activates it again with a different images it just takes like 30ms to actually change the image it work, but i can still see the previous image for like 20ms and that's not good :(
any idea of why, or how to work around it? I guess i can just simplely add a conditional or a setTime function to delay it but if you ask me it sound cheap :(
Mark
@vinarius
Jul 22 2016 20:45
Also, not mobile friendly but the container-fluid class does not address that
Ken Haduch
@khaduch
Jul 22 2016 20:46
@JonathanWbn - just change the <a > </a> tags to <span> </span>, and maybe you need to adjust the margin a bit?
Jonathan Wieben
@JonathanWbn
Jul 22 2016 20:49
@khaduch yeah, it worked! thanks a lot. i really do appreciate it.
CamperBot
@camperbot
Jul 22 2016 20:49
jonathanwbn sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1472 | @khaduch |http://www.freecodecamp.com/khaduch
Elbert Cortez
@trip16661
Jul 22 2016 20:49
@vinarius right now its just the contact me div not other divs
Jonathan Wieben
@JonathanWbn
Jul 22 2016 20:50
whats going on with this brownies
Stephen James
@sjames1958gm
Jul 22 2016 20:50
about brownies
CamperBot
@camperbot
Jul 22 2016 20:50
no wiki entry for: brownies
Elbert Cortez
@trip16661
Jul 22 2016 20:50
brownies are just points from the comunity
it dont worth nothing
its a reputation system withing the comunity
it's given everytime you get or give a thanks
Mark
@vinarius
Jul 22 2016 20:51
thanks @trip16661
CamperBot
@camperbot
Jul 22 2016 20:51
vinarius sends brownie points to @trip16661 :sparkles: :thumbsup: :sparkles:
:cookie: 427 | @trip16661 |http://www.freecodecamp.com/trip16661
Jonathan Wieben
@JonathanWbn
Jul 22 2016 20:52
thanks @trip16661 love it
CamperBot
@camperbot
Jul 22 2016 20:52
jonathanwbn sends brownie points to @trip16661 :sparkles: :thumbsup: :sparkles:
:cookie: 428 | @trip16661 |http://www.freecodecamp.com/trip16661
Elbert Cortez
@trip16661
Jul 22 2016 20:52
This message was deleted
This message was deleted
  $('.scrollToAbout').click(function() {
    $('html, body').animate({
      scrollTop: 0
    }, 800);
    return false;
  });

  $('.scrollToAbout .scrollToPortfolio').click(function() {
    $('html, body').animate({
      scrollTop: 400
    }, 800);
    return false;
  });

  $('.scrollToContact').click(function() {
    $('html, body').animate({
      scrollTop: 1185
    }, 800);
    return false;
  });
can be done by simply doing this
  $('.scrollToAbout .scrollToPortfolio, .scrollToContact').click(function() {
    $('html, body').animate({
      scrollTop: 1185
    }, 800);
    return false;
  });
    $('a[href*="#"]:not([href="#"])').click(function() {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
            if (target.length) {
                $('html, body').animate({
                    scrollTop: target.offset().top
                }, 1000);
                return false;
            }
        }
    });
Ken Haduch
@khaduch
Jul 22 2016 20:57

@vinarius - I tried adding a few settings to your #contactMe div - it made a difference, not sure if it is what you are trying to achieve:

    background-size: contain;
    background-repeat: no-repeat;

It is aligned to the left, but I kind of like it that way?

Elbert Cortez
@trip16661
Jul 22 2016 20:58
you can put it on pixels too to set the position

and set it inline

background: url() no-repeat contain;

etc

Mark
@vinarius
Jul 22 2016 20:59
nice, that looks much better
Meet Mangukiya
@meetmangukiya
Jul 22 2016 20:59
http://codepen.io/meetmangukiya/pen/vKjYvZ Why would the background image not render ?
Elbert Cortez
@trip16661
Jul 22 2016 21:00
    const setShowcaseImg = function() {
        const thisProject = project[$(this).data("project")];
        //gets the name of the project to later use it to fetch properties from that project
        $showcaseImg.find("img").attr("src", thisProject.img);
        //gets the url of the imagen and set it
        $showcaseImg.find("p").text(thisProject.description);
        //gets the description 
        $showcaseImg.find("a").attr("href", thisProject.url);
        //gets the url 
        $showcaseImg.addClass("showcase-open");
        // then it opens a div containing this info 
    }
I have something like this to showcase some images with text and a link but when i close the showcase div and activates it again with a different images it just takes like 30ms to actually change the image it work, but i can still see the previous image for like 20ms and that's not good :(
any idea of why, or how to work around it? I guess i can just simplely add a conditional or a setTime function to delay it but if you ask me it sound cheap :(
Meet Mangukiya
@meetmangukiya
Jul 22 2016 21:00
It did render now :confused:
Elbert Cortez
@trip16661
Jul 22 2016 21:01
@meetmangukiya what do you exactly want it to look like?
Ken Haduch
@khaduch
Jul 22 2016 21:02
@meetmangukiya - looks like you are using an image from imgur - that doesn't work (unless you are logged into an imgur account, I think?) They have a policy against cross-linking of images, if you check their terms & conditions. You have to get your image from some other site.
Meet Mangukiya
@meetmangukiya
Jul 22 2016 21:02
ok @khaduch
@trip16661 a ocean like background image is supposed to be in the background.
Elbert Cortez
@trip16661
Jul 22 2016 21:14
@meetmangukiya sorry late reply, like ken said its a cors problem
"http://imgur.com/HTf7ylN.jpg
the link is in http and you are calling from https
so it causes troubles
if u want to see(just for testing)
try to deprecate the codepen link to http
you will see how it will work
labanch
@labanch
Jul 22 2016 21:15
can anyone help me with my random quote machine? I'm trying to use the twitter web intent but I'm not sure how to add the quote and author. I'm having a scope issue
http://codepen.io/labanch/pen/oLEVGW?editors=0010
Meet Mangukiya
@meetmangukiya
Jul 22 2016 21:17
its stunning @labanch
labanch
@labanch
Jul 22 2016 21:18
@meetmangukiya thank you! took me forever and I had to look at the example code :( for a small part but I'm pretty proud of it
CamperBot
@camperbot
Jul 22 2016 21:18
labanch sends brownie points to @meetmangukiya :sparkles: :thumbsup: :sparkles:
:cookie: 258 | @meetmangukiya |http://www.freecodecamp.com/meetmangukiya
Meet Mangukiya
@meetmangukiya
Jul 22 2016 21:20
btw thanks for leading me to this API @labanch
CamperBot
@camperbot
Jul 22 2016 21:20
meetmangukiya sends brownie points to @labanch :sparkles: :thumbsup: :sparkles:
:cookie: 269 | @labanch |http://www.freecodecamp.com/labanch
labanch
@labanch
Jul 22 2016 21:21
@meetmangukiya which api?
labanch
@labanch
Jul 22 2016 21:21
ohh! lol yeah :)
I really like it!
do you know how to use the twitter web intent?
Meet Mangukiya
@meetmangukiya
Jul 22 2016 21:23
This is what my tweet button code is
<a href="https://twitter.com/share" class="twitter-share-button" data-text="hi whats up" data-show-count="false" data-size="large" id="tweet">Tweet</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
@labanch you gotta edit the data-text attribute to whatever message it should look like by default
Brian Nelton
@bnelton
Jul 22 2016 21:24
hello all!
Meet Mangukiya
@meetmangukiya
Jul 22 2016 21:24
That could be done by jQuery
@labanch not sure if this is what you were looking for, but anyways here it is :point_up:
Brian Nelton
@bnelton
Jul 22 2016 21:26
blob
Keep getting error saying that my topmost img doesnt have the required element..am i missing something?
Norvin Burrus
@ndburrus
Jul 22 2016 21:28
@bnelton lesson name?
Brian Nelton
@bnelton
Jul 22 2016 21:28
create custom heading
Norvin Burrus
@ndburrus
Jul 22 2016 21:29
@bnelton exact name?
Brian Nelton
@bnelton
Jul 22 2016 21:30
its for the Cat photo app, is there somewhere i should looking, thats the name of it at the top
Norvin Burrus
@ndburrus
Jul 22 2016 21:31
@bnelton the code posted looks good...
labanch
@labanch
Jul 22 2016 21:31
@meetmangukiya what does that code do? I'm trying to make mine like the example. Where the quote and author is placed inside the 'tweet box' ready for anyone to tweet. Like this:
https://codepen.io/FreeCodeCamp/pen/ONjoLe?editors=0010
Norvin Burrus
@ndburrus
Jul 22 2016 21:31
help format @bnelton
  • using Shift + enter will give you additional line feeds (space) for pasting your code. also, the backticks (`) key is located to the left of the number one (#1) key.
  • further, you may find the two buttons (chat/compose & markdown - the chat/compose button alternates modes) to the right of the text entry area helpful.
  • you can also edit text after it's been entered by clicking on the three (3) dots to the right of the text entry area (it will appear when you hover to the right of the time stamp).
CamperBot
@camperbot
Jul 22 2016 21:31

:point_right: code formatting [wiki]

Multi line Code

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

Single line Code

This an inline `<paste code here>` code formatting with a single backtick() at _start_ and _end_ around thecode`.

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

Brian Nelton
@bnelton
Jul 22 2016 21:31
blob
@ndburrus
Meet Mangukiya
@meetmangukiya
Jul 22 2016 21:32
@labanch the code I pasted here, does the same things
labanch
@labanch
Jul 22 2016 21:32
@meetmangukiya oh ok I'll give it a try
Meet Mangukiya
@meetmangukiya
Jul 22 2016 21:33
The tweet message that you'd like to be already present in the tweet box should be the value of the data-text attribute
Norvin Burrus
@ndburrus
Jul 22 2016 21:33
@bnelton can you post code? see, here: :point_up: July 22, 2016 5:31 PM and here: :point_up: July 22, 2016 5:31 PM
Meet Mangukiya
@meetmangukiya
Jul 22 2016 21:33
which can be manipulated quite well with jQuery
try $(selector).attr('data-text', "<your tweet message here>") @labanch
And I'd suggest you to enclose this statement inside the onClick event handler of the Quote button, but I think you'd have figured almost all of this yourself :+1:
labanch
@labanch
Jul 22 2016 21:35
@meetmangukiya I'm trying it now. Taking a deep breath because I have been looking at this for a few hours now lol
Brian Nelton
@bnelton
Jul 22 2016 21:36
@ndburrus what are you needing ? i can post my whole code if you want me to
Norvin Burrus
@ndburrus
Jul 22 2016 21:36
@bnelton that would be great!
Brian Nelton
@bnelton
Jul 22 2016 21:37
blob
Norvin Burrus
@ndburrus
Jul 22 2016 21:43
@bnelton place tags on seperate lines?
</a></div></div>
Brian Nelton
@bnelton
Jul 22 2016 21:46
am i using the correct image for the topmost image?
finally got it to work
@ndburrus thanks
CamperBot
@camperbot
Jul 22 2016 21:49
bnelton sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1081 | @ndburrus |http://www.freecodecamp.com/ndburrus
Norvin Burrus
@ndburrus
Jul 22 2016 21:50
@bnelton excellent! nice job :palm_tree:
...you may want to practice posting code. it may come in handy! :)
luis4flames
@luis4flames
Jul 22 2016 22:00
http://codepen.io/luis4flames/pen/grvvqx Can someone help me understand why my linear gradient will only reach as low as my last element rather than wrapping the entire background image I have it on
Ken Haduch
@khaduch
Jul 22 2016 22:23
@luis4flames - you are doing some unusual things with your margins and I wonder if that isn't what's causing your problem? It seems that you are forcing a lot of your placement that way, I don't think that I've seen that before. But I cannot say for sure that it's a problem, it just sends up some red flags for me.
luis4flames
@luis4flames
Jul 22 2016 22:27
Yea, the problem is i have no idea how to place my elements where i want them on the page. Which commands am i suppose to use to move things around? Appreciate any tips! It's been a pain to move them around and I knew i was doing something wrong. @khaduch
Ken Haduch
@khaduch
Jul 22 2016 22:27
@luis4flames - other things that I see - you have a closing </div> tag at the top, with no opening. You should not have the <body> tag in your HTML panel - you can put that styling that you want directly on the body element in your CSS. You don't have a closing </div> tag for your <div class="row home-container">. You are using <center> tags, which are obsolete.
@luis4flames - in Bootstrap, there is a "text-center" class that should help with centering things. You might need some margins to help with adjustment, but as I said, you seem to have "too much." I'm seeing if I can get a handle on how to format your page in a different way... I don't have a lot of time, but maybe I can figure out something to help...
luis4flames
@luis4flames
Jul 22 2016 22:31
@khaduch Appreciate it! I'm removing things now.
Ken Haduch
@khaduch
Jul 22 2016 22:33
@luis4flames - oh, yeah, you should not have the <head> tag (and its closing partner) in there, either. That could be part of the problem... I spaced out on that one.
luis4flames
@luis4flames
Jul 22 2016 22:37
@khaduch so what should i be using to align buttons and elements where i want them on a page?
Ken Haduch
@khaduch
Jul 22 2016 22:37
@luis4flames - the text-center class usually seems to do that fairly well. I'm just trying to untangle some of the things that are there now, it's still looking a little jumbled in my edited version.
luis4flames
@luis4flames
Jul 22 2016 22:39
I dont want you to finish it up completely, its okay. Ill figure it out I just want some what of an idea of how i should be doing things
@khaduch
will text-center work with the buttons also? I applied text-center to the first div tag to apply to all and it didnt affect it at all
Ken Haduch
@khaduch
Jul 22 2016 22:41
@luis4flames - I'm not going to finish it completely, for sure! But I just took some stuff out of the CSS, your .services class with that negative top margin was just breaking the flow of the <h1> and <h2>. That should have been a lot smoother to just put them in order. I'll see if I can stop after I give you some ideas of what I did... :)
luis4flames
@luis4flames
Jul 22 2016 22:42
haha gotcha! Thanks again!
@khaduch
Elbert Cortez
@trip16661
Jul 22 2016 22:44
const setShowcaseImg = function() {
        const thisProject = project[$(this).data("project")];
        //gets the name of the project to later use it to fetch properties from that project
        $showcaseImg.find("img").attr("src", thisProject.img);
        //gets the url of the imagen and set it
        $showcaseImg.find("p").text(thisProject.description);
        //gets the description 
        $showcaseImg.find("a").attr("href", thisProject.url);
        //gets the url 
        $showcaseImg.addClass("showcase-open");
        // then it opens a div containing this info 
    }
I have something like this to showcase some images with text and a link but when i close the showcase div and activates it again with a different images it just takes like 30ms to actually change the image it work, but i can still see the previous image for like 20ms and that's not good :worried:
any idea of why, or how to work around it? I guess i can just simplely add a conditional or a setTime function to delay it but if you ask me it sound cheap :worried:
Ken Haduch
@khaduch
Jul 22 2016 22:46

@luis4flames - I think that the fastest way to share this is by forking your project, here is my URL for it - I added asecond div to see if the gradient is working, and I think it looks better. You can compare to yours, and make changes as you see fit. Let me know and I can remove my forked copy when you're done.

Good luck!

@luis4flames - I just made one minor tweak to add background-size: cover; in thebody` element CSS rules. In case you started looking...
luis4flames
@luis4flames
Jul 22 2016 22:50
@khaduch Got it! thanks again really appreciate it.
CamperBot
@camperbot
Jul 22 2016 22:50
luis4flames sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1473 | @khaduch |http://www.freecodecamp.com/khaduch
Thiago
@thiagoisaias
Jul 22 2016 22:53
Hey guys. I just did the quote generator. Could you give me a feedback?
Ken Haduch
@khaduch
Jul 22 2016 22:55
@luis4flames - great! You're welcome. One thing about positioning things like that, normally you don't have to work too hard to get things to flow on a page in a straightforward way. There are always exceptions, of course, but that type of page should be pretty much block-oriented, and the bootstrap grid (or other similar use of CSS) should handle most things fairly easily. I've also seen folks on here advocate the flexbox CSS styles for layout - it does handle some things nicely, but I haven't used it for anything yet, still learning about it. Have fun!
why does that keep returning the same quote
(you have to refresh the page to try again, havent set it up to be able to run more than once)
hmm, id doesnt even run in the chat
it*