These are chat archives for FreeCodeCamp/HelpFrontEnd

16th
Dec 2016
eliecerthoms
@eliecerthoms
Dec 16 2016 00:20
anybody here know how to make those menus that get fixed to the top of the screen when you scroll past them?
not like bootstrap's .navbar-fixed that is fixed from the beginning, but one that has a static position, following the flow of the page, but before it is about to leave the viewport it gets fixed to the top of the screen
Callum Ward
@callumquick
Dec 16 2016 00:24
@bearswamppastor Yep, a web link of some kind, then it should be able to find it
@eliecerthoms Perhaps it is done using a check for scroll height and then transitioning the bar from an in-page element to a navbar-fixed?
eliecerthoms
@eliecerthoms
Dec 16 2016 00:25
@callumquick interesting, gonna try that
Walid Ashri
@walidashri
Dec 16 2016 00:25
@eliecerthoms check this
eliecerthoms
@eliecerthoms
Dec 16 2016 00:27
@walidashri lol, was trying to implement exactly that one, but whenever I start dealing with position: absoluteon the menu bar, it breaks completely
Walid Ashri
@walidashri
Dec 16 2016 00:28
@eliecerthoms you work in codepen?
eliecerthoms
@eliecerthoms
Dec 16 2016 00:29
@walidashri no, working with a templating engine, but let me see if I can set it up there
Sam Griffen
@ssgriffen
Dec 16 2016 01:08
Can anyone help me on how I would access the first "extract" key in this JSON data? https://en.wikipedia.org/w/api.php?action=query&format=json&prop=extracts%7Cinfo&titles=Harry+Potter%7CEragon&exsentences=1&exlimit=10&exintro=1&explaintext=1&inprop=url I'm working on the wiki viewer project...
Igor Amidzic
@igoramidzic
Dec 16 2016 01:25
Is anyone good with css/bootstrap who can check why some of my styles are working and some aren't?
I commented my code so you can find which work and which don't more easily, thanks!
http://codepen.io/amidzicigor/pen/bBQPZZ
sparklie3
@sparklie3
Dec 16 2016 01:42
@amidzicigor i don't see the comments so not sure what you mean or where to look
Igor Amidzic
@igoramidzic
Dec 16 2016 01:43
@sparklie3 In the css, there are comments
sparklie3
@sparklie3
Dec 16 2016 01:44
where are these comments in the css?
I don't see anything like // comment or <!-- comment -->
i think css comment is /* comment */
oh, i see them now
Igor Amidzic
@igoramidzic
Dec 16 2016 01:48
@sparklie3 lol
Callum Ward
@callumquick
Dec 16 2016 01:51
@ssgriffen Sadly you're not going to be able to get the extract without knowing in advance the Page ID
@ssgriffen Instead of action=query you'd be better to look at action=opensearch for just searching
sparklie3
@sparklie3
Dec 16 2016 01:54
@amidzicigor did you copy this css somewhere?
Igor Amidzic
@igoramidzic
Dec 16 2016 01:54
@sparklie3 What do you mean?
sparklie3
@sparklie3
Dec 16 2016 01:54
i've never used the bootstrap btn on a form input
to describe the class
so for example, i don't see what you use btn btn-default as your css class to begin with, but then again, btn-default isn't really necessary even
Igor Amidzic
@igoramidzic
Dec 16 2016 01:55
@sparklie3 I just found a bootstrap component that aligns buttons vertically. I simply switched the btn with a text box
@sparklie3 Yeah I took out btn-default
@sparklie3 The thing is, if you tab the '.form-signup', it works fine.
if you tab the entire section starting with .form-signup, and put it under the one right before it
Vik
@vvang044
Dec 16 2016 01:57
hey all
sparklie3
@sparklie3
Dec 16 2016 02:01
it's because of this class btn-group-vertical
you'll see if you remove the class, your border-radius then functions
so the btn-group-vertical might have an override
Igor Amidzic
@igoramidzic
Dec 16 2016 02:04
@sparklie3 Hmm
@sparklie3 Know any fixes for this? Is there any other way to get my textboxes to be vertical?
sparklie3
@sparklie3
Dec 16 2016 02:04
well, you can look up bootstrap to see how exactly btn-group-vertical works
it's a little odd you're using btn for input fields, but then again, i'm not a expert on bootstrap
maybe that's what you do, i've never used btn class for things that aren't buttons
and your input field isn't a button, it's a textbox
or inputbox
off the top of my head, you can set div, create your own class
Igor Amidzic
@igoramidzic
Dec 16 2016 02:06
@sparklie3 Yeah I know, I just created a bootleg setup for the textboxes. There needed to be a btn class for them to line up
Jacob
@jdc101214
Dec 16 2016 02:07
What am I doing wrong here?

function mutation(arr) {
var arr0 = arr[0].toLowerCase();
var arr1 = arr[1].toLowerCase();  
  if (arr0 === arr1){
    return true;
  } else if(arr0.indexOf(arr1, 0) === arr1.length || arr1.indexOf(arr0, 0) === arr0.length) {
    return true;
  }
  else {
    return false;
  }

}

mutation(["hello", "Hello"]);
Merryl
@MerrylArok
Dec 16 2016 02:09

can someone please tell me whats wrong with my code: https://codepen.io/Merryl/pen/JbaYvL?editors=0010

chrome doesnt support getlocation over http and i cant get the api to function over https
amazing stuff really
proxy like crossorigin.me doesnt work either
Firefox is throwing up errors like its gang signs

sparklie3
@sparklie3
Dec 16 2016 02:09
yeah, my best recommendation is to do a little less copy and paste of code, you'll understand it better or look at the bootstrap https://github.com/twbs/bootstrap/blob/v4-dev/dist/css/bootstrap.css
@jdc101214 what's wrong with it
it works on my machine
Jacob
@jdc101214
Dec 16 2016 02:12
@sparklie3 It a challenge Im supost to pass.
Are oyu running the code under the mutations challenge?
you
sparklie3
@sparklie3
Dec 16 2016 02:12
no, i'm just copying the code you wrote and putting it in my console
and running the one test you had
THats the challenge
sparklie3
@sparklie3
Dec 16 2016 02:14
well, your second else if statement
doesn't make any sense to me
indexOf(arr1,0)???
i'm not sure what you're trying to test
Jacob
@jdc101214
Dec 16 2016 02:15
arr1 is a varible
sparklie3
@sparklie3
Dec 16 2016 02:16
arr1 in the failed case is aarmy
your case fails when you run mutation(["Mary", "Aarmy"])
Callum Ward
@callumquick
Dec 16 2016 02:16
@MerrylArok Instead of using https codepen, use http and just use http://ip-api.com/json for geolocation objects
sparklie3
@sparklie3
Dec 16 2016 02:16
your arr1 = aarmy
Jacob
@jdc101214
Dec 16 2016 02:16
right
sparklie3
@sparklie3
Dec 16 2016 02:17
there is not aarmy in mary
when you do arr0.indexOf(arr1,0)
it's like saying
mary.indexOf(aarmy, 0)
do you see the issue?
Jacob
@jdc101214
Dec 16 2016 02:18
ya. Just fixed it. Thanks @sparklie3
CamperBot
@camperbot
Dec 16 2016 02:18
jdc101214 sends brownie points to @sparklie3 :sparkles: :thumbsup: :sparkles:
:cookie: 319 | @sparklie3 |http://www.freecodecamp.com/sparklie3
sparklie3
@sparklie3
Dec 16 2016 02:18
np
Jacob
@jdc101214
Dec 16 2016 02:21
with .replace in JS, is there a way to target like certain words?
sparklie3
@sparklie3
Dec 16 2016 02:22
unfortuantley, out of my levle of knowledge
Callum Ward
@callumquick
Dec 16 2016 02:23
@jdc101214 Yes, using a regexp
@jdc101214 To target "word" in "string of words" you can do a regexp like /word/
sparklie3
@sparklie3
Dec 16 2016 02:47
has anyone worked with new Promise instead of standard callback?
Jacob
@jdc101214
Dec 16 2016 02:50
Why is this not working?
function destroyer(arr) {
  // Remove all the values
  var arr1 = "";
  for(var i = 1; i < arr.length; i++){
  arr1 = arr.filter(arr[i]);   
  }

}

destroyer([1, 2, 3, 1, 2, 3], 2, 3);
Callum Ward
@callumquick
Dec 16 2016 02:52
@jdc101214 Link to the challenge please
Callum Ward
@callumquick
Dec 16 2016 02:54
@jdc101214 Filter works by not including an entry if the callback returns false, and including it if it's true
Jacob
@jdc101214
Dec 16 2016 02:55
?
Callum Ward
@callumquick
Dec 16 2016 02:55
@jdc101214 You can't just feed filter() arr[i], it has to be a function that compares arr[i] to something
Also, you're missing and reference to the other arguments provided to destroyer()
any* reference
Tejanth
@Tejanth
Dec 16 2016 03:32
hello
for a lesson, do you have to build a tribute page?
Matt
@northern11
Dec 16 2016 03:47
@Tejanth a tribute page is a project to complete as part of your front end certification.
breez803
@breez803
Dec 16 2016 03:49
How can I include an image on my tribute page in codepen
Matt
@northern11
Dec 16 2016 03:50
@breez803 use the img tag with the link from you image
err sorry img element
breez803
@breez803
Dec 16 2016 03:53
thanks
Matt
@northern11
Dec 16 2016 03:54
you're welcome.
Esterling Accime
@accimeesterlin
Dec 16 2016 04:22
For those of you that work, study, or doing something else, and still coding, THIS is for you.
https://medium.com/@esterlinaccime/yes-i-do-work-full-time-and-still-contribute-to-more-than-5-github-projects-257e1945c878#.601elxpbm
Sam Griffen
@ssgriffen
Dec 16 2016 04:25
Why does my data [1][0] access "Harry Potter" it seems as if the index is starting from 1 instead of 0? In other words my initial thoughts was data[0][0] should equal Harry Potter, not [1][0], can anyone explain this to me?
Ken Haduch
@khaduch
Dec 16 2016 04:33
@ssgriffen - did you post your code? Or can you?
Ken Haduch
@khaduch
Dec 16 2016 04:37
@ssgriffen - the data that is returned looks like this, at least at the beginning:
["Harry Potter",["Harry Potter","Harry Potter (film series)","Harry Potter and the Philosopher's Stone","Harry Potter and the Deathly Hallows","Harry Potter and the Deathly Hallows \u2013 Part 2","Harry Potter and the Half-Blood Prince (film)","Harry Potter and the Philosopher's Stone (film)","Harry Potter and the Deathly Hallows \u2013 Part 1","Harry Potter and the Cursed Child","Harry Potter and the Half-Blood Prince"],["Harry Potter is a series of fantasy novels written by British author J. K. Rowling. The novels chronicle the life of a young wizard, Harry Potter, and his friends Hermione Granger and Ron Weasley, all of whom are students at Hogwarts School of Witchcraft and Wizardry.","Harry Potter is a British-American film series based on the Harry Potter novels by author J. K. Rowling.","Harry Potter and the Philosopher's Stone is the first novel in the Harry Potter series and J. K. Rowling's debut novel, first published in 1997 by Bloomsbury.","Harry Potter and the Deathly Hallows is the seventh and final novel of the Harry Potter series, written by British author J. K.","Harry Potter and the Deathly Hallows \u2013 Part 2 is a 2011 British-American fantasy film directed by David Yates and distributed by Warner Bros.","Harry Potter and the Half-Blood Prince is a 2009 British-American fantasy film directed by David Yates and distributed by Warner Bros.","Harry Potter and the Philosopher's Stone (released in some countries as Harry Potter and the Sorcerer's Stone) is a 2001 British-American fantasy film directed by Chris Columbus and distributed by Warner Bros.","Harry Potter and the Deathly Hallows \u2013 Part 1 is a 2010 British-American fantasy film directed by David Yates and distributed by Warner Bros.","Harry Potter and the Cursed Child is a two-part West End stage play written by Jack Thorne and based on an original new story by Thorne, J.K.","Harry Potter and the Half-Blood Prince is the sixth and penultimate novel in the Harry Potter series, written by British author J. K."],["https://en.wikipedia.org/wiki/Harry_Potter","https://en.wikipedia.org/wiki/Harry_Potter_(film_series)","https://en.wikipedia.org/wiki/Harry_Potter_and_the_Philosopher%27s_Stone","https://en.wikipedia.org/wiki/Harry_Potter_and_the_Deathly_Hallows","https://en.wikipedia.org/wiki/Harry_Potter_and_the_Deathly_Hallows_%E2%80%93_Part_2","https://en.wikipedia.org/wiki/Harry_Potter_and_the_Half-Blood_Prince_(film)","https://en.wikipedia.org/wiki/Harry_Potter_and_the_Philosopher%27s_Stone_(film)","https://en.wikipedia.org/wiki/Harry_Potter_and_the_Deathly_Hallows_%E2%80%93_Part_1","https://en.wikipedia.org/wiki/Harry_Potter_and_the_Cursed_Child","https://en.wikipedia.org/wiki/Harr
So there is a "Harry Potter" at location[0], then there is another array at [1], so you are then accessing [1][0] and it will also say "Harry Potter".
@ssgriffen - you can post your JSON data to the tool at http://codebeautify.org/jsonviewer and it will format it into a more readable format.
@ssgriffen - check this out - http://codebeautify.org/jsonviewer/cb625537
Sam Griffen
@ssgriffen
Dec 16 2016 04:40
@khaduch Okay I just got it
@khaduch thanks
CamperBot
@camperbot
Dec 16 2016 04:40
ssgriffen sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 2119 | @khaduch |http://www.freecodecamp.com/khaduch
Tom
@moT01
Dec 16 2016 04:42
fcc really should have put some of those video challenges at the beginning
Ken Haduch
@khaduch
Dec 16 2016 04:56
@moT01 - they were new additions to the list of resources - but I agree that it would be helpful to have some of that introductory material earlier in the program.
Fernand
@Ferdyboy81
Dec 16 2016 05:06
i need help in position images. can somebody help me?
John
@littleread
Dec 16 2016 05:12
Help please! What is the best way to center an unordered list?
CamperBot
@camperbot
Dec 16 2016 05:12
no wiki entry for: please what is the best way to center an unordered list
Fernand
@Ferdyboy81
Dec 16 2016 05:32
Screen Shot 2016-12-15 at 9.06.07 PM.png
Screen Shot 2016-12-15 at 9.06.07 PM.png
Screen Shot 2016-12-15 at 9.06.07 PM.png
Corri Taylor
@cocobutter82
Dec 16 2016 05:33
I'm building a mock portfolio page. I'm using HTML, CSS and Bootstrap. When I create a new panel, I suddenly get these horizontal dividers at the top of my page. I've tried setting the border, margin and padding to 0 and nothing works.
Nicolas Poore
@nicopoore
Dec 16 2016 05:34
Hey, I started on FCC a few days ago and I feel like the challenges went from easy, to slightly challenging and not very user friendly, to outright impossible to complete with my current understanding on the subject
Tom
@moT01
Dec 16 2016 05:34
@cocobutter82 open the inspector, find what it is
Corri Taylor
@cocobutter82
Dec 16 2016 05:35
i will be honest and say that I forgot where the inspector is @moT01 lol
Tom
@moT01
Dec 16 2016 05:35
@nicopoore theres a video challenges section on the map way down, ...the javascript section there might help
right click > inspect
Corri Taylor
@cocobutter82
Dec 16 2016 05:35
ok
Nicolas Poore
@nicopoore
Dec 16 2016 05:35
@moT01 thanks i'll check it out
CamperBot
@camperbot
Dec 16 2016 05:35
nicopoore sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 396 | @mot01 |http://www.freecodecamp.com/mot01
Tom
@moT01
Dec 16 2016 05:35
then move the mouse over the html code, ...it will highlight what is taking up that space
and the chrome dev tools section
@nicopoore
yea, i didn't know they were there, they would be more useful at the beginning
Ey Rics
@angel92004
Dec 16 2016 05:38
regarding Build a Random Quote Machine, did you guys hardcoded it?
Corri Taylor
@cocobutter82
Dec 16 2016 05:39
@moT01 thank you, I will give it a shot
CamperBot
@camperbot
Dec 16 2016 05:39
cocobutter82 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 397 | @mot01 |http://www.freecodecamp.com/mot01
Corri Taylor
@cocobutter82
Dec 16 2016 05:47
I figured it out, i changed from "panel" to "span" and the lines dissapearred. Thank you @moT01
CamperBot
@camperbot
Dec 16 2016 05:47
cocobutter82 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:warning: cocobutter82 already gave mot01 points
Tom
@moT01
Dec 16 2016 05:48
@angel92004 no
you can if you want, ...i would say go with the api, ...you will have to for the projects after it anyway
Ey Rics
@angel92004
Dec 16 2016 05:52
@moT01 what API did you use?
Tom
@moT01
Dec 16 2016 05:59
quotesondesign.com im pretty sure, ...pretty easy to understand api docs
Liu, Kuichen
@Kuichen
Dec 16 2016 06:02
Hi there, who can tell me what is the name of the board in front of a theater that displays the everyday show plan? Need to build a template like it.
Ey Rics
@angel92004
Dec 16 2016 06:05
how about the share on twitter. is it an API too. it's my first time learning APIs so it's still kinda confusing to me
@moT01
Tom
@moT01
Dec 16 2016 06:16
@angel92004 yea, the exercises didn't go through much, ...no(at least im pretty sure), its just a url.. at least the way i did it, with some parameters
so its just a link in your page that opens a url
alpox
@alpox
Dec 16 2016 06:17
Yup, just an url
but the structure of the url is defined where twitters api is defined :)
Ey Rics
@angel92004
Dec 16 2016 06:40
@moT01 the api exercise wasnt explained thoroughly so that's why i'm confuse. is the block of codes came from where you get the api as well?
lleander
@lleander
Dec 16 2016 07:17
@angel92004 Hi, you may check this twitter docs regarding the tweet button: https://dev.twitter.com/web/tweet-button
Vonn Francisco
@vharvey84
Dec 16 2016 08:49
Hello everybody. Can anyone tell me where i can look to get a list of codes for styling text
Phillip Kelley-Dotson
@pkdotson
Dec 16 2016 09:01
morning campers! I'm kinda confused on how to appeand my quotes to to a tweet for my quote generator.
Any suggestions
Francois van Leersum
@Blockshot12
Dec 16 2016 09:08
@vharvey84 You can look here: http://www.w3schools.com/css/css_text.asp
Łukasz Sobek
@lukaszsobek
Dec 16 2016 09:24
Having trouble with the wiki browser, the link I construct works when I click it, but using it through the function on codepen redirects to the api help:
function clickThis() {

  var searchText = document.getElementById("searchText").value;
  var encSearchText = encodeURI(searchText);
  var apiLink = "https://crossorigin.me/https://en.wikipedia.org/w/api.php?action=opensearch&search=" + encSearchText +"&limit=10&format=json&callback=res"

 //console.log(apiLink);

 $.get(apiLink, function res(data) {
      //console.log(data);
 });


  // construct call
  // construct output
  // display output


 }
ofc the console.log(data) is uncommented then
Cruise
@cruiset
Dec 16 2016 09:29
Hey guys I've just starting the "Build a Personal Portfolio Webpage" challenge. Have I learnt everything i need to know or do i have to learn basic java stuff? Ive done everything up to jQuery.
Nicolas Nielsen
@niconielsen
Dec 16 2016 09:29
@lukaszsobek are you adding https to the codepen url?
in your browser
@cruiset no need for js
Łukasz Sobek
@lukaszsobek
Dec 16 2016 09:30
yes - i am getting a reply from the api @niconielsen
Cruise
@cruiset
Dec 16 2016 09:31
@niconielsen so everything ive learnt so far up to jQuery should be fine?
Łukasz Sobek
@lukaszsobek
Dec 16 2016 09:32
@cruiset html & css is just fine
Nicolas Nielsen
@niconielsen
Dec 16 2016 09:32
yes
Anthony Mitchell
@Drantho
Dec 16 2016 09:36
I'm working on the wikipedia search assignment and have an issue. Could anyone take a look?
Nicolas Nielsen
@niconielsen
Dec 16 2016 09:37
throwit!
Anthony Mitchell
@Drantho
Dec 16 2016 09:38
codepen.io/drantho/debug/RoENmz?
my random button isnt randoming
i think i might know...
Nicolas Nielsen
@niconielsen
Dec 16 2016 09:42
i think the random article is much simpler
Anthony Mitchell
@Drantho
Dec 16 2016 09:42
my page might be refreshing when the button clicks
Nicolas Nielsen
@niconielsen
Dec 16 2016 09:43
isnt it just a window.open
?
like
function openRandom() {
  var win = window.open("https://en.wikipedia.org/wiki/Special:Random", '_blank');
  win.focus();
}
Pieter Stokkink
@forkerino
Dec 16 2016 09:44
@Drantho :bulb: on codepen you need to add target="_blank" to your urls.
strike that, your url is wrong.
Check the instructions.
Anthony Mitchell
@Drantho
Dec 16 2016 09:46
yeah i just added the format=json but its giving me a different format from my text search json :(
Łukasz Sobek
@lukaszsobek
Dec 16 2016 09:48
@Drantho why not
<a href="https://en.wikipedia.org/wiki/Special:Random" target="_blank">Click here for a random article</a>
Nicolas Nielsen
@niconielsen
Dec 16 2016 09:48
@lukaszsobek button! :D
Łukasz Sobek
@lukaszsobek
Dec 16 2016 09:48
@niconielsen css! :)
Anthony Mitchell
@Drantho
Dec 16 2016 09:48
i was trying to put a random list on my page
Nicolas Nielsen
@niconielsen
Dec 16 2016 09:49
look like not be
Anthony Mitchell
@Drantho
Dec 16 2016 09:49
probably trying to make it too complicated
Łukasz Sobek
@lukaszsobek
Dec 16 2016 09:49
doesn't random just return one article, or does it return more than one?
Nicolas Nielsen
@niconielsen
Dec 16 2016 09:49
one random
this
for example
Łukasz Sobek
@lukaszsobek
Dec 16 2016 09:50
@Drantho uuuu, niiiice
thanks @Drantho
CamperBot
@camperbot
Dec 16 2016 09:50
:cookie: 269 | @drantho |http://www.freecodecamp.com/drantho
lukaszsobek sends brownie points to @drantho :sparkles: :thumbsup: :sparkles:
Anthony Mitchell
@Drantho
Dec 16 2016 09:51
re-reading the directions it would be way easier to just navigate to a random article but i would feel bad just avoiding my error
Nicolas Nielsen
@niconielsen
Dec 16 2016 09:51
does someone know what is "User talk?
in the json throwed
Anthony Mitchell
@Drantho
Dec 16 2016 09:52
@niconielsen sorry I dont understand your question
Pieter Stokkink
@forkerino
Dec 16 2016 09:53
@Drantho The result from the random query looks different than the result from your search query, so your algorithm to get stuff out of the JSON doesn't work. You'd have to write a separate JSON call for the random list.
Nicolas Nielsen
@niconielsen
Dec 16 2016 09:53
@Drantho when i go to that api call you pasted, i get 3 articles and 2 whatever
toccomy
@toccomy
Dec 16 2016 09:54
Im trying to add an image link from google on my Tribute page..cannot get any link to work...please advise.<a href="https://www.google.com/imgres?imgurl=http%3A%2F%2Fwww.theautochannel.com%2Fnews%2F2007%2F02%2F18%2F037624.1-lg.jpg&imgrefurl=http%3A%2F%2Fwww.theautochannel.com%2Fnews%2F2007%2F02%2F18%2F037624.html&docid=6ciQvySJIhx-4M&tbnid=MRJ2a84jVJvcwM%3A&vet=1&w=400&h=267&bih=676&biw=1280&q=george%20washington%20carver%20bio%20fuel&ved=0ahUKEwiqjJTMr_jQAhVJ1WMKHTkSDcwQMwgaKAAwAA&iact=mrc&uact=8 "></img>
Pieter Stokkink
@forkerino
Dec 16 2016 09:54
@niconielsen @Drantho You'll get user discussions around an article on wikipedia
in the random list
Nicolas Nielsen
@niconielsen
Dec 16 2016 09:54
@forkerino ahh gotit
Anthony Mitchell
@Drantho
Dec 16 2016 09:55
@forkerino thanks I was really hoping not to have to deal with 2 different json formats
CamperBot
@camperbot
Dec 16 2016 09:55
drantho sends brownie points to @forkerino :sparkles: :thumbsup: :sparkles:
:cookie: 386 | @forkerino |http://www.freecodecamp.com/forkerino
Łukasz Sobek
@lukaszsobek
Dec 16 2016 09:56
@toccomy you are opening an <a> and closing an <img>
Pieter Stokkink
@forkerino
Dec 16 2016 09:57
@Drantho well you have two different calls, one gives a list and the other a search, so it isn't completely strange that the result is different.
Łukasz Sobek
@lukaszsobek
Dec 16 2016 09:57
@toccomy now the question is - are you trying to link to the search result or display the picture returned?
Anthony Mitchell
@Drantho
Dec 16 2016 10:02
@forkerino the random json doesnt include an exact link or have a description either... ill just do it the boring way
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 10:07
https://mr-kumar-abhishek.github.io/wikipedia-viewer/ <--- need some input , functionality wise is it complete ?? I am still working on the design
Pieter Stokkink
@forkerino
Dec 16 2016 10:07
@Drantho LOL
toccomy
@toccomy
Dec 16 2016 10:09
@lukaszsobek im trying to simply display
<img src="https://www.google.com/imgres?imgurl=https%3A%2F%2Fs-media-cache-ak0.pinimg.com%2F236x%2Fa2%2Fa4%2F8a%2Fa2a48a37921b71b28d6f4c019aa8ce77.jpg&imgrefurl=https%3A%2F%2Fwww.pinterest.com%2Fcobb3410%2Fgeorge-washington-carver%2F&docid=clKSmT0Kt8xrDM&tbnid=SuLt4_lb54a43M%3A&vet=1&w=236&h=196&bih=676&biw=1280&q=george%20washington%20carver&ved=0ahUKEwiNz_3cu_jQAhUBIGMKHXbkClkQMwhwKDQwNA&iact=mrc&uact=8 " class="img-responsive" alt="GWC"></img>
Pieter Stokkink
@forkerino
Dec 16 2016 10:10
@toccomy That link doesn't work. Copy paste it into a new browser tab to see.
It is not an image, but a page.
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 10:10
@toccomy download the image and upload them in some CDN like cloudinary get its url and use that , hotlinking are blocked on some sites
@toccomy hot linking is not recommended as well i did that with my old tribute page... it broke soon after
Nicolas Nielsen
@niconielsen
Dec 16 2016 10:12
that wiki api is kinda cryptic
or im lazy
toccomy
@toccomy
Dec 16 2016 10:12
@Mr-Kumar-Abhishek
What is CDN?
Nicolas Nielsen
@niconielsen
Dec 16 2016 10:13
@Mr-Kumar-Abhishek thats ok!
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 10:14
@toccomy http:cloudinary.com/ <-- upload
@toccomy http://cloudinary.com/ <-- upload
toccomy
@toccomy
Dec 16 2016 10:16
@Mr-Kumar-Abhishek
@Mr-Kumar-Abhishek Great! THanks!
CamperBot
@camperbot
Dec 16 2016 10:17
toccomy sends brownie points to @mr-kumar-abhishek :sparkles: :thumbsup: :sparkles:
:cookie: 450 | @mr-kumar-abhishek |http://www.freecodecamp.com/mr-kumar-abhishek
Anthony Mitchell
@Drantho
Dec 16 2016 10:21
its sad to see your points only go up by 1 after submitting a project lol
thanks for the help and sounding board everyone good night
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 10:28
I don't even know what is twitch tv o.O
alpox
@alpox
Dec 16 2016 10:31
@Mr-Kumar-Abhishek A streaming platform - where mostly gamers stream their play live
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 10:58
@alpox yeah... currently with slow network , I could have hardly understand it
for making a twitch tv project I just have to make this ? ?? https://codepen.io/FreeCodeCamp/full/Myvqmo/
https://wind-bow.gomix.me/ <-- isn't this useful ^_^
Amy Walters
@codecampamy
Dec 16 2016 11:24
Hey all - I'm having trouble getting the list items on my navigation bar to display horizontally for my portfolio site. Could someone take a look at my code - let me know what in any case needs corrected (there's bound to be a few things I am new to this) and also give me some advice about the horizontal navigation? I've been reading about how to do it using display: inline; but whatever I'm trying isn't working - also having managed to remove the bullets, they are back HELP! https://codepen.io/codecampamy/pen/zozrBM
Marianissimus
@Marianissimus
Dec 16 2016 11:29
@codecampamy found it, the error is in your html - there is a space after the id name (nav-wrapper). Remove this first
@codecampamy then apply the desired style to #nav-wrapper ul li, for more specificity. like so:
#nav-wrapper ul li {
  display: inline;
  background: red;
  list-style-type: none;
}
Amy Walters
@codecampamy
Dec 16 2016 11:34
Brilliant @Marianissimus thank you so much. Have switched it around, why is 'RESOURCES' black when the other items in the list are blue??
CamperBot
@camperbot
Dec 16 2016 11:34
codecampamy sends brownie points to @marianissimus :sparkles: :thumbsup: :sparkles:
:cookie: 215 | @marianissimus |http://www.freecodecamp.com/marianissimus
Marianissimus
@Marianissimus
Dec 16 2016 11:36
@codecampamy you're welcome
diederikquak
@diederikquak
Dec 16 2016 11:36
hey guys I am currently stuck because I can't implement the iconsrc in weather app,
```
<div><img id="img" src="#"/>
my html code
and i want to append my javascript code to the src:
   var iconSRC = "http://openweathermap.org/img/w/" + icon + ".png";
      document.getElementById("#img").src("iconSRC");
Rajat
@rajataudichya
Dec 16 2016 11:45
<!--COST CALCULATOR SECTION START-->
    <section class="cost-calculator">
      <div class="container-fluid">
        <div class="col-md-6">
          <div class="left-box">
            <div class="text-box">
              <h2>Calculate Your Property Cost</h2>
              <!--<form action="#" class="row">-->
                <div class="col-md-6">
                  <label>Project</label>
                  <div class="selector">
                    <select class="full-width" id="mrunal" onclick="myFunction()">
                      <option value="la ">La colina</option>
                      <option value="royal">Royal Casa</option>
                      <option value="country">Country side</option>

                    </select><span class="custom-select full-width">La Colina</span>
                  </div>
                </div>
                <script>
                function myFunction() {
                var a=document.getElementById("mrunal").selectedIndex;


                    switch(a)
                            {
                            case 0: document.getElementById("rate").innerHTML = "599";

                                break;
                            case 1: document.getElementById("rate").innerHTML = "799";

                                break;
                            case 2: document.getElementById("rate").innerHTML = "1000";

                                break;
                            }

                                        }

                </script>
                <div class = "col-md-6">
                <label> Out Rate </label>
                <label id= "rate" input type = "number"> </label>
                </div>

                <div class="col-md-6">
                  <label>sq. ft. required</label>
                  <input type="number"  id= "reqValue">
                </div>

                <div class="col-md-6">
                  <label>Total amount</label>
                   <label id = "total"></label>
                </div>

                <div class="col-md-12"><button type="button" onclick="calculate()">Calculate</button> 
                </div>
                <script>
                        function calculate()
                                {


                                        var a = document.getElementById("rate").value;
                                        var b = document.getElementById("reqValue").value;
                                        var c = a*b;
                                        document.getElementById("total").innerHTML = b;



                                } 

        </script>
              <!--</form>-->
            </div>
          </div>
        </div>

    <!--COST CALCULATOR SECTION END-->
I am having issue in fetching data label sq ft required
alpox
@alpox
Dec 16 2016 12:02
@diederikquak take a look at the jQuery
.attr function
Clyde Lobo
@oppiniated
Dec 16 2016 12:03
@diederikquak iconSRC is a variable, removethe " surrounding it, it should be document.getElementById("#img")attr('src',iconSRC);
diederikquak
@diederikquak
Dec 16 2016 12:08
THX @alpox and @oppiniated :)
CamperBot
@camperbot
Dec 16 2016 12:08
diederikquak sends brownie points to @alpox and @oppiniated :sparkles: :thumbsup: :sparkles:
:cookie: 699 | @alpox |http://www.freecodecamp.com/alpox
:cookie: 454 | @oppiniated |http://www.freecodecamp.com/oppiniated
Josaped Moreno
@androuino
Dec 16 2016 12:15
hello, just want to ask why my page doesn't add a automatic scroll after populating the page with search results. Yesterday it's working just fine but today it's not.
http://codepen.io/shaolin30/pen/ZBrqJJ
thanks in advance...
Sorin Ruse
@sorinr
Dec 16 2016 12:26
@androuino remove position fixed from .expSearchBox
Josaped Moreno
@androuino
Dec 16 2016 12:30
@sorinr thanks
CamperBot
@camperbot
Dec 16 2016 12:30
androuino sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 955 | @sorinr |http://www.freecodecamp.com/sorinr
Sorin Ruse
@sorinr
Dec 16 2016 12:34
@androuino welcome
18495
@18495
Dec 16 2016 12:48
noo there is mistake this is my html
how can i increase image size in html https://codepen.io/Mebratu/pen/RoYKXz
Francois van Leersum
@Blockshot12
Dec 16 2016 12:58
@18495 An image should never be bigger in HTML then its actual size in pixels. Since your using Bootstrap, give it the class .img-responsive an it will automatically adjust to the width of its parent.
If you want to give the image a fixed width and/or height make a new class in CSS set the width and height for this class.
badalsaibo
@heyDante
Dec 16 2016 13:18
Hey Guys, I'm building this portfolio page. Can I know how to align button to a specific location? Thanks.
Francois van Leersum
@Blockshot12
Dec 16 2016 13:19
@heyDante Hey, can you give a little bit more info?
badalsaibo
@heyDante
Dec 16 2016 13:21

<button type="button"> ABOUT </button>
<button type="button"> PORTFOLIO </button>
<button type="button"> CONTACT </button>

These three buttons were created, but these are not aligned in the position I needed

As seen in the demo Portfolio Page , its placed in the top right corner
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 13:23
https://codepen.io/FreeCodeCamp/full/Myvqmo/. <---- do I have to only make till here ?? Thats all ?
Simon Cordova
@gbsimon87
Dec 16 2016 13:30
Hey guys, quick question...
I'm trying to run some JS code on an Angular application website on my IE9 Virtual Machine and keep receiving " Uncaught Error: [$injector:unpr] ".
Stackoverflow has some info on how to fix it, but I can't amend the Angular code as it is not my website, any ideas?
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 13:34
https://codepen.io/FreeCodeCamp/full/Myvqmo/. <---- do I have to only make till here ?? Thats all ? could anyone confirm this ?
Sorin Ruse
@sorinr
Dec 16 2016 13:42
@Mr-Kumar-Abhishek the fcc's its just an example. you can add more streamers. the idea is to use the api and be able to filter the channels
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 13:43
@sorinr okay thanks I will add them after getting the certification :)
CamperBot
@camperbot
Dec 16 2016 13:43
mr-kumar-abhishek sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 956 | @sorinr |http://www.freecodecamp.com/sorinr
alpox
@alpox
Dec 16 2016 13:52
@Mr-Kumar-Abhishek Yeah you do that thingy. And yes, that url is useful :-) its made for not needing a registration and therefore no api key needed for this project.
@Mr-Kumar-Abhishek Well There are 3 buttons to take into account to add there (You see it right on top) And there are about 3 categories of users - online, offline, no account
You can choose whatever streamers you want to show
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 13:54
@alpox i see. Okay its first time I am seeing twitch tv ... I will just add randoms ... I developed games before but didn't knew gamers have this too now
alpox
@alpox
Dec 16 2016 13:54
@Mr-Kumar-Abhishek Thats what i did too :D
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 13:55
@alpox thanks for the heads up again :p
CamperBot
@camperbot
Dec 16 2016 13:55
mr-kumar-abhishek sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 700 | @alpox |http://www.freecodecamp.com/alpox
alpox
@alpox
Dec 16 2016 13:57
@Mr-Kumar-Abhishek Np :-) What games did you develop?
Or what kind of game
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 14:04
@alpox arcades mostly or strategy based , nothing involving unity or other game engines ... warzone type games https://github.com/Mr-Kumar-Abhishek/warzone2100 or visual novel type games involving ren pi https://www.renpy.org/ others with QT and C++ I will shift using rust for game development in next year
jayisray
@jayisray
Dec 16 2016 14:06
What is the best way to make a navbar using bootstrap so that the words don’t collapse onto each other when the browser is resized?
using container-fluid -> row -> col-xs* isn’t really working
alpox
@alpox
Dec 16 2016 14:09
@Mr-Kumar-Abhishek Okay cool thing! :D
I sadly never did any game programming
Sorin Ruse
@sorinr
Dec 16 2016 14:10
@jayisray as simply as copy paste their navbar example and change it to ur needs
Anabel
@AnabelSalomone
Dec 16 2016 14:10
Hello, I need help with some <div> sizes (my eternal issue haha)
jayisray
@jayisray
Dec 16 2016 14:11
@sorinr copy/past what?
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 14:11
@alpox oh I forgot.... my 2nd game was on php js and html (text based mmorpg) then tried to add sprites and all with help of another developer , it failed with rapid technological changes ....
Callum Ward
@callumquick
Dec 16 2016 14:11
@sorinr Ha jynx
Anabel
@AnabelSalomone
Dec 16 2016 14:12
I would like both <div class="well"> in the Skills section to be the same size, how should I do? :) http://codepen.io/marieanabel/pen/BQYjKG
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 14:12
@alpox was trying to make something like browser quest before browser quest came
@alpox http://browserquest.mozilla.org/ <-- see here
Hoe Jiun Tian
@jiuntian
Dec 16 2016 14:15
a.query.pages.forEach doesnt work for wikipedia api, how to fix this ?
Sorin Ruse
@sorinr
Dec 16 2016 14:15
@AnabelSalomone you mean having the same height?
Anabel
@AnabelSalomone
Dec 16 2016 14:15
yes @sorinr
Callum Ward
@callumquick
Dec 16 2016 14:16
@AnabelSalomone Fix it using css, give them an absolute pixel height
@AnabelSalomone I.e.
div.well {
height: 300px;
}
Sorin Ruse
@sorinr
Dec 16 2016 14:17
@AnabelSalomone you can try well { min-height: 400px; } and you play with 400
@callumquick i would not go for a fixed height. if you have more content in one "card" you will have to deal with overflow
Callum Ward
@callumquick
Dec 16 2016 14:19
@sorinr It's true, unless you know in advance how much content you will have (this is a static page so that is likely fine, but yours should work too)
@AnabelSalomone But actually, I think your portfolio site is great! You can tell you have more design skill than I do, mine was/is still atrocious
alpox
@alpox
Dec 16 2016 14:21
@Mr-Kumar-Abhishek Heheh, old fashioned :D
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 14:22
@alpox it was many years ago ~
@alpox long before html 5 came for gaming
alpox
@alpox
Dec 16 2016 14:23
:D i guess so yea
Sorin Ruse
@sorinr
Dec 16 2016 14:24
@AnabelSalomone and i would not go for %gs in showing how much do i know of each language. % is a ratio between two known values
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 14:24
@alpox right webGL is best for developing browser based games or web assembly (for future)
@alpox right now * webGL is best for developing browser based games or web assembly (for future)
alpox
@alpox
Dec 16 2016 14:24
@Mr-Kumar-Abhishek is web assembly already out?
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 14:24
@alpox right now * webGL is best for developing browser based games or web assembly (for future)
oops
sorry for the extra echo lol
@alpox web assembly is supported in most of the latest browsers ~
@alpox see here --> http://webassembly.org/demo/
@alpox pretty good isn't it ?
Whats everyone think? I havent setup my social media buttons yet but so far for a new coder hows it look?
Anabel
@AnabelSalomone
Dec 16 2016 14:36
Ooops I'm back, had to be afk for a little moment =). Thanks @callumquick for your feedback :)
CamperBot
@camperbot
Dec 16 2016 14:36
anabelsalomone sends brownie points to @callumquick :sparkles: :thumbsup: :sparkles:
:cookie: 298 | @callumquick |http://www.freecodecamp.com/callumquick
vengal
@vengal4327
Dec 16 2016 14:36
Can some one guide me to CSS flex work around in IE8?
Anabel
@AnabelSalomone
Dec 16 2016 14:37
and @sorinr, thanks for your help and feedback =)
CamperBot
@camperbot
Dec 16 2016 14:37
anabelsalomone sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 957 | @sorinr |http://www.freecodecamp.com/sorinr
Callum Ward
@callumquick
Dec 16 2016 14:38
@Johnnie843 I think maybe the form at the bottom could do with some work to make it look a little bit neater and clear?
alpox
@alpox
Dec 16 2016 14:38
@Mr-Kumar-Abhishek yea not bad :D is it only for gaming?
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 14:40
@alpox any new technology in computer science is first suitable for gaming then anything else , be it computer themselves , AIs or wasm ;)
Sorin Ruse
@sorinr
Dec 16 2016 14:41
@AnabelSalomone avec plaisir :)
Johnnie
@Johnnie843
Dec 16 2016 14:47
@callumquick gotcha appreciate the input
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 14:52
this is nasty crackers targeting websites and undoing all the SEO of the site.. to much loss for a business
defacements ... MySQL injections .... nasty stuff
alpox
@alpox
Dec 16 2016 14:57
@Mr-Kumar-Abhishek i wonder if there will happen any effort on bringing an effort for GUI applications into web assembly
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 15:01
@alpox well, honestly web assembly has a high chance ~ but it is not fully developed yet and crackers don't have a clue how to use that much less crack that. That said most crackers nowadays just run scripts / software attack website without really knowing what really goes on ~
@alpox well, honestly web assembly has a high chance ~ but it is not fully developed yet and crackers don't have a clue how to use that much less crack that. That said most crackers nowadays just run scripts / software to attack websites without really knowing what really goes on ~
alpox
@alpox
Dec 16 2016 15:02
Yea i guess so. I just hope that it will be able to build a better base than html/css/javascript for the web
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 15:10
@alpox I was code pairing with this developer and he had his own small business (self employed ) .... crackers attacked his website , now the SEO is all in the dump , and that too it was mostly online business . Luckily I have practical experience with digital marketing SEO... so I think I would be able to assist him in revamping his website .
alpox
@alpox
Dec 16 2016 15:19
@Mr-Kumar-Abhishek i somehow missed the part where we switched to security aspects. are you still talking about webassembly?
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 15:19
@alpox lol . Sorry ... I trailed off a bit ~
@alpox what I was coming to is that since web assembly is compiled you see... if the binary gets switched while connection ... there is a chance there of intrusion I suppose ...
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 15:25
@alpox see here it is all c language in the end --> http://webassembly.org/getting-started/developers-guide/
BobbaWoolf
@BobbaWoolf
Dec 16 2016 15:26
how do i make my text like in this one? https://codepen.io/FreeCodeCamp/full/NNvBQW/
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 15:26
@alpox but this also makes it faster... using Rust instead of C for this would be a lot safer and quicker in execution too.
BobbaWoolf
@BobbaWoolf
Dec 16 2016 15:26
at the list
Igor Amidzic
@igoramidzic
Dec 16 2016 15:30
Can anyone find any visual bugs?
https://hidden-headland-40310.herokuapp.com/
alpox
@alpox
Dec 16 2016 15:30
@Mr-Kumar-Abhishek dont know rust except its name ^^
but why quicker? i doubt that rust us faster than c
David Flick
@davemflick
Dec 16 2016 15:30
Hey everyone, so originally when the weather app was finished, the background images worked just fine. Now they seem to have stopped working on some devices but not others. Works on my computer, but not my phone. Also not working on others computers I've asked to check it out. I thought it was maybe the size of the images so i significantly compressed them but to no prevail. Any suggestions would be helpful. http://codepen.io/davemflick/full/woxMrq/
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 15:31
@alpox rust is slow in compiling sure.. but the compiled binaries are faster in execution time. Plus rust is safer than C
Igor Amidzic
@igoramidzic
Dec 16 2016 15:32
@davemflick I don't think the problem is caused by the computer. Its probably the browser. Download all of the major browsers and check it there
alpox
@alpox
Dec 16 2016 15:34
@Mr-Kumar-Abhishek didnt think there is anything faster in runtime than c and anything even slower to compile :)
David Flick
@davemflick
Dec 16 2016 15:34
@amidzicigor I'll give that a shot, I'm using chrome on my computer and it works. My phone is also chrome but doesn't work. Just tried safari and doesn't work . Thanks for the lead, I'll look into that more
CamperBot
@camperbot
Dec 16 2016 15:34
davemflick sends brownie points to @amidzicigor :sparkles: :thumbsup: :sparkles:
:cookie: 57 | @amidzicigor |http://www.freecodecamp.com/amidzicigor
Igor Amidzic
@igoramidzic
Dec 16 2016 15:35
@davemflick What is the image supposed to be? I'm using chrome and I see no images
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 15:36
@alpox check here I have the same results http://benchmarksgame.alioth.debian.org/u64q/rust.html
David Flick
@davemflick
Dec 16 2016 15:36
Depends on the type of weather you currently have. Different images for clear, rain, thunderstorm, snow, etc...
also works fine when i browser-sync to my text editor (sublime)
alpox
@alpox
Dec 16 2016 15:40
@Mr-Kumar-Abhishek it looks to me that c is faster than rust in there
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 15:41
@alpox in compile time not execution time
alpox
@alpox
Dec 16 2016 15:42
ah these is the compiletime? alright
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 15:47
@alpox if in case the new version of rust is slow in execution time also , I would be more than happy as some the projects I am doing is done on C and performance of the language matters in those projects
David Flick
@davemflick
Dec 16 2016 15:49
Nevermind figured it out, I was using Imgur to host my images. Apparently Imgur and Codepen don't mesh well FreeCodeCamp/FreeCodeCamp#5677
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 15:50
I need some inspiration of twitch tv UIs could someone help me ? https://mr-kumar-abhishek.github.io/observe-twitch-tv/ :(
vengal
@vengal4327
Dec 16 2016 15:54
@vengal4327
Flexibility is not working for me in IE8. Am i doing something wrong?
http://codepen.io/vengal-learn/pen/BQvWav
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 15:55
@vengal14327 leave IE8 support ~
vengal
@vengal4327
Dec 16 2016 15:55
Lol. To be honest my application runs in IE8 alone.
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 15:57
@vengal14327 how could flexbox could work in IE8 ? o.O it is unsupported
@vengal14327 start the support from IE 9 atleast. Who keeps IE8 support anyways ...
Nicolas Poore
@nicopoore
Dec 16 2016 15:59
Hey guys, I'm using nav-pills to create a nav bar at the top, but I can't seem to change the font color of these buttons; they are URLs, should I change the link font color as a whole or is there another way?
I tried changing it through CSS changing the font color of the nav-pills class as that worked for the size of the font but it doesn't work for the color
Callum Ward
@callumquick
Dec 16 2016 16:01
@nicopoore You can select the button and change it, but if you're using boostrap btns you need to be more specific than bootstrap to be able to override the bootstrap CSS
try giving them extra classes, or an id, and select them that way to override bootstraps font color
Nicolas Poore
@nicopoore
Dec 16 2016 16:02
It's an unordered list with the classes "nav nav-pills"
and i had been changing the nav-pills class to alter the size, background color and font of the pills
but it doesn't seem to work with colors
i'll try with an extra class, thanks @callumquick
CamperBot
@camperbot
Dec 16 2016 16:02
nicopoore sends brownie points to @callumquick :sparkles: :thumbsup: :sparkles:
:cookie: 299 | @callumquick |http://www.freecodecamp.com/callumquick
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 16:11
https://www.lua.org/ <-- most easiest language :D
Naveen
@hope4
Dec 16 2016 16:17
hello everyone
As part of creating a portfolio page,i created three different html pages,but as per the user story i need to do in such a way as to pull all the pages in one page and in a scroll up manner
so can someone help me do this
Sorin Ruse
@sorinr
Dec 16 2016 16:22
@hope4 its quite simple. you navigation should have < a href="#about">, <a href="#portfolio"> etc and you need on the same page some divs, sections etc having the corresponding id like <div id="about">, <div id="portfolio">, etc. so when you click the a link will jump to that section. its called in page linking
Fabio Di Pane
@saylos
Dec 16 2016 16:33
Hi guys, I'm having some trubles manipulating api url, is it correct to write:
var location;
$.getJSON("api.openweathermap.org/data/2.5/weather?q="+location, function(json){
    ......
  });
vengal
@vengal4327
Dec 16 2016 16:34
@Mr-Kumar-Abhishek To support older IE versions we have flexibility.js which is polyfill for flexbox: https://github.com/jonathantneal/flexibility
Jason Luboff
@JLuboff
Dec 16 2016 16:37
@saylos Make sure to include http:// to the beginning of your url
Sorin Ruse
@sorinr
Dec 16 2016 16:42
@saylos or at least //. what will location var be like?
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 17:04
@vengal thanks for the info :)
CamperBot
@camperbot
Dec 16 2016 17:04
:warning: could not find receiver for vengal
mr-kumar-abhishek sends brownie points to @vengal :sparkles: :thumbsup: :sparkles:
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 17:24
@vengal4327 I would have helped you if I could do you have a tool to check compatibility of IE8 ?
asmaa
@asmaaamer
Dec 16 2016 17:25
Hi i have been tried to make nav collapse but it didn't work
i think i have problme with bootstrap
the button apper but not show the navbar
Waqas Abbasi
@Waqas909
Dec 16 2016 17:29
Hello Guys!
https://codepen.io/Waqas909/pen/dOKPpG
Please, It would be helpful if you could help me with this problem. Clicking on the featured channels takes me the target url however the twitch stream doesn't Load!
@asmaaamer It's your javascript Jquery reference. To add Jquery, click "Quick add" and add jquery and boostrap from there. If you want to style with boostrap, do so in the CSS tab
Tyler Moeller
@TylerMoeller
Dec 16 2016 17:32
@asmaaamer your data-target should be #navbar-container not .navbar-container and you'll need to apply a color to your navbar to see the button - it is transparent now. Also, do Add bootstrap.css, jquery, and bootstrap.js as @Waqas909 recommends. You can view this pen with a working navbar for comparison: http://codepen.io/TylerMoeller/pen/ozKMRW?editors=1000
Callum Ward
@callumquick
Dec 16 2016 17:32
Hi guys could I have some feedback on my calculator : http://codepen.io/callumquick/full/MbzddZ/
Tyler Moeller
@TylerMoeller
Dec 16 2016 17:33
@Waqas909 Are you using Chrome by chance? Twitch.tv has problems with Chrome sometimes - something to do with the way Chrome handles flash.
Waqas Abbasi
@Waqas909
Dec 16 2016 17:33
@TylerMoeller One second, I'll check on firefox
@TylerMoeller No, it's not the browser, the link opens, you can even see Twitch and it's nav bar, just the stream doesn't load
asmaa
@asmaaamer
Dec 16 2016 17:35
@Waqas909 thank you i will try it
CamperBot
@camperbot
Dec 16 2016 17:35
:cookie: 276 | @waqas909 |http://www.freecodecamp.com/waqas909
asmaaamer sends brownie points to @waqas909 :sparkles: :thumbsup: :sparkles:
asmaa
@asmaaamer
Dec 16 2016 17:36
@TylerMoeller thank you i will try again
CamperBot
@camperbot
Dec 16 2016 17:36
asmaaamer sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1158 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Dec 16 2016 17:37
@Waqas909 Seems mine is broken too - only when opening in a new tab. Will need to investigate a fix. The URL is fine, as it the page loads without errors if I navigate there directly.
Kevin Kindorf
@kkindorf
Dec 16 2016 17:38
hi all I'm working on my game-of-life project. This is what I have so far.
https://kkindorf.github.io/game-of-life/build/
I don't think this is working correctly. But I can't quite figure out what I am missing. I'd be grateful is someone could take a look at my code to see what's wrong. All of my logic for the game is in my boardContainer component https://github.com/kkindorf/game-of-life
Tyler Moeller
@TylerMoeller
Dec 16 2016 17:39
@kkindorf You may get better help on the DataViz channel for that project https://gitter.im/FreeCodeCamp/HelpDataViz
Waqas Abbasi
@Waqas909
Dec 16 2016 17:39
@TylerMoeller Aight Thanks .=.
CamperBot
@camperbot
Dec 16 2016 17:39
waqas909 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1159 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Waqas Abbasi
@Waqas909
Dec 16 2016 17:39
@callumquick It's beuaty bro..
beauty*
Well done @callumquick
Callum Ward
@callumquick
Dec 16 2016 17:41
@Waqas909 Thanks! Really pleased with this one, my best design effort yet I think
CamperBot
@camperbot
Dec 16 2016 17:41
callumquick sends brownie points to @waqas909 :sparkles: :thumbsup: :sparkles:
:cookie: 277 | @waqas909 |http://www.freecodecamp.com/waqas909
Waqas Abbasi
@Waqas909
Dec 16 2016 17:42
Yea it's one of the best designs i've seen
Tyler Moeller
@TylerMoeller
Dec 16 2016 17:42
@Waqas909 I think it's a codepen, iframe issue. If you open any of your links from the debug version of your page, it works fine: https://s.codepen.io/Waqas909/debug/dOKPpG
eliecerthoms
@eliecerthoms
Dec 16 2016 17:44
do you know of a good wysiwyg editor for blog posts with images?
Waqas Abbasi
@Waqas909
Dec 16 2016 17:45
@TylerMoeller Yea that makes sense, btw I think in the next update to FCC they will add their thing like codepen on FCC
eliecerthoms
@eliecerthoms
Dec 16 2016 17:45
as every blog ever does
Waqas Abbasi
@Waqas909
Dec 16 2016 17:45
So hopefully less problems
Tyler Moeller
@TylerMoeller
Dec 16 2016 17:45
That would be nice
@eliecerthoms I think lots of people use Wordpress for that
Waqas Abbasi
@Waqas909
Dec 16 2016 17:46
@TylerMoeller If i may ask, how far are you ?
@TylerMoeller You seem pretty far
Tyler Moeller
@TylerMoeller
Dec 16 2016 17:47
I'm slowly working on the React projects
Waqas Abbasi
@Waqas909
Dec 16 2016 17:47
btw check this video out :D https://www.youtube.com/watch?v=V8B4orj0M7Y
The Non-profit Project
It's good motivation imo
to keep going
There's 7 more Demo's I think
Tyler Moeller
@TylerMoeller
Dec 16 2016 17:49
:) very nice
Mark
@markolie20
Dec 16 2016 17:50
yo guys im making my first pen but why doesnt this work
<div class="row">
<div class="col-md-10">
<h1 class="text-primary title">Mark</h1>
</div>
<div class="col-md-1">
<button>About Me</button>
</div>
<div class="col-md-1">
<button>contact</button>
</div>
</div>
i see the buttons and the text but it doesnt go next to eachother
eliecerthoms
@eliecerthoms
Dec 16 2016 17:51
@TylerMoeller Sure thing, but I started building a blog of my own
now I haven't the slightest...
Waqas Abbasi
@Waqas909
Dec 16 2016 17:51
xD
Tyler Moeller
@TylerMoeller
Dec 16 2016 17:51
@markolie20 You need to add bootstrap.css to your project. If you're using codepen, click the settings button at the top, click CSS, and then add bootstrap with the quick-add menu
Mark
@markolie20
Dec 16 2016 17:52
@TylerMoeller thanks
CamperBot
@camperbot
Dec 16 2016 17:52
markolie20 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1160 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Dec 16 2016 17:52
Also, you'll only see them next to each other when the screen is wider than 991px
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 17:55
how do I make an element {like a flash file} fill another element {like a table cell}? Do I need a dedicated <div> for the <embed>, because my current <div> encapsulates both <embed> and <button>s? It's not currently displaying it in my code because I can't find simple example .swf files to use, but this is my code: http://codepen.io/NEETWizardJanus/pen/dOwXJv
nope. that didn't fix it.
Waqas Abbasi
@Waqas909
Dec 16 2016 17:58
I dont really like my Twitch Viewer... I think im gonna restart .-.
Callum Ward
@callumquick
Dec 16 2016 17:58
@Waqas909 Sometimes restarting can help you start fresh and build a better app than if you had just tried to fix your broken app
Tyler Moeller
@TylerMoeller
Dec 16 2016 17:58
I rebuilt my first one too, lol. Same with my wikipedia viewer
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 17:58
I tried <div class="embed-div"><embed></div> and CSS: embed-div { width: 100%; height: 100%; position: absolute;} and it didn't fix it.
this should be so easy. why don't I have the fundamentals? I've read about this stuff for days on end.
Tyler Moeller
@TylerMoeller
Dec 16 2016 17:59
@NEETWizardJanus We don't learn about embedding flash here at Free Code Camp...you might try a different forum if you don't get a response
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:00
it doesn't have to be flash. I'm sure it would be the same with an image file.
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:00
Seems it isn't as straightforward as embedding a video player and there may be script issues in codepen to deal with
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:01
well the jpg doesn't fill the cell either.
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:01
You want it to fill the cell, but not cover the buttons?
toccomy
@toccomy
Dec 16 2016 18:01
Trying to get a button to link(and play) you tube video on tribute page. when cllicked just get a blank page <a href="https://www.youtube.com/watch?v=RQi-nTcS_Ns" class="btn btn-primary btn-lg active center btn-group-justified " role="button">Click for Video Biography</a>
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:01
fill the cell. the buttons are overlays.
3 buttons overlaying each image/flash
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:02
It works for me with an image, try replacing your <embed> tags with: <img src="https://placehold.it/800">
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:03
hmmm... img makes it larger, but it's still not filling the cell.
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:03
Ahh, I see what you're saying. Hmmm... Tables are meant for data, not images and buttons. Better to use divs
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:04
I don't know how to layout divs like a table.
I'll look into it though
toccomy
@toccomy
Dec 16 2016 18:04
Any advice would be great
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:05
@NEETWizardJanus With most embeds or images you can just set height and width to 100%:
        <iframe id="video" 
          width="100%" 
          height="100%" 
          src="https://www.youtube.com/embed/qZKvZzRynLE?enablejsapi=1&controls=0" 
          frameborder="0" 
          allowfullscreen
        ></iframe>
Waqas Abbasi
@Waqas909
Dec 16 2016 18:06
@toccomy add target="_blank"
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:06
@TylerMoeller yup. tried that, and at least applying it in CSS is failing.
Waqas Abbasi
@Waqas909
Dec 16 2016 18:07
@TylerMoeller He's on tribute page :package:
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:07
ok. tried applying it directly to the HTML and it fixed it. I must be doing the CSS wrong then.
Waqas Abbasi
@Waqas909
Dec 16 2016 18:08
if u want a button to open a link on Codepen @toccomy <a target="_blank href=" " >
opens a new tab
damn i'm so happy this is a thing :P
toccomy
@toccomy
Dec 16 2016 18:09
@Waqas909 Man! Thanks! Ive been trying to figure that out all night. what does target="_blank" exactly do?
CamperBot
@camperbot
Dec 16 2016 18:09
:cookie: 278 | @waqas909 |http://www.freecodecamp.com/waqas909
toccomy sends brownie points to @waqas909 :sparkles: :thumbsup: :sparkles:
BobbaWoolf
@BobbaWoolf
Dec 16 2016 18:09
how do i make my text small like this? https://gyazo.com/93dddb1f3a0d5cc64638053e0f41c3ce
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:09
ah. spontaneously started working. I coulda sworn I tried it this way before.
Waqas Abbasi
@Waqas909
Dec 16 2016 18:09
target="_blank" specifies to open the link in a new tab
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:10
@toccomy Why not embed the video instead?
<iframe width="560" height="315" src="https://www.youtube.com/embed/RQi-nTcS_Ns" frameborder="0" allowfullscreen></iframe>
Then users won't have to leave the page :)
Waqas Abbasi
@Waqas909
Dec 16 2016 18:10
@toccomy Yea I agree with @TylerMoeller It'll be a better option
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:11
still not allowing the width: 100%; to be applied in CSS. only directly in HTML. Why?
Waqas Abbasi
@Waqas909
Dec 16 2016 18:11
Unless u want it like that, for whatever purposes :P
ionut
@ionutinz
Dec 16 2016 18:12
hello everyone :)
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:12
can I not just change it in CSS with embed { width: 100%; height: 100% } ???
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:12
@NEETWizardJanus Seems you're not alone with this problem, some solutions here: http://stackoverflow.com/questions/16584237/how-to-get-height-100-on-object-embed
Waqas Abbasi
@Waqas909
Dec 16 2016 18:12
Hello
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:13
@TylerMoeller oh, thanks. I'm really sorry for being so helpless. RTFM seems to be beyond me, like reading a whole phone book to call a friend.
CamperBot
@camperbot
Dec 16 2016 18:13
neetwizardjanus sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1161 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:17
no. all the search results I find aren't doing anything fancy. mine works fine when it's written in the HTML, but not when it's applied via CSS. I guess I'll just have to do it manually.
Callum Ward
@callumquick
Dec 16 2016 18:20
@ionutinz Hello :)
Nicolas Poore
@nicopoore
Dec 16 2016 18:24
how can i share a pen in this chat?
should i just copy&paste the url?
Sorin Ruse
@sorinr
Dec 16 2016 18:25
@nicopoore copy paste the link
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:25
great. none of the table to div converters work.
Nicolas Poore
@nicopoore
Dec 16 2016 18:25
@sorinr thanks
CamperBot
@camperbot
Dec 16 2016 18:25
nicopoore sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 958 | @sorinr |http://www.freecodecamp.com/sorinr
can anyone help me? I'm trying to get the photo on the right of the text to be centered
vertically
Waqas Abbasi
@Waqas909
Dec 16 2016 18:26
Haha ". I'm a future developer and programmer." Great optimism xD
Nicolas Poore
@nicopoore
Dec 16 2016 18:26
hahahaha
you gotta think positive man
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:26
waste of time to try and learn to convert a table to divs. just more nightmare nonsense.
Waqas Abbasi
@Waqas909
Dec 16 2016 18:26
Yup :+1:
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:27
I don't think I'm cut out for coding. I've tried off and on for years and I never manage to make anything without a lot of agony.
Nicolas Poore
@nicopoore
Dec 16 2016 18:27
so how should i do it?
Waqas Abbasi
@Waqas909
Dec 16 2016 18:29
@NEETWizardJanus Keep yourself motivated :+1: Check out the End Non-Profit Projects Demos on youtube! They are great! Here's a link to my fav: https://www.youtube.com/watch?v=V8B4orj0M7Y
toccomy
@toccomy
Dec 16 2016 18:29
@Waqas909 Here is my finished product..any feedback would be great http://codepen.io/toccomy/full/rWoVLv/
Waqas Abbasi
@Waqas909
Dec 16 2016 18:29
@NEETWizardJanus Learning Programming is not easy, there are obstacles you have to cross :-)
Every programmer faces them
@toccomy Umm It looks great! However, the navigation bar doesn't work?
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:32
yeah but I'm not making any progress. I started like 35 years ago with QBasic and it took me 10 years to optimize moving an ascii character around the screen.
Waqas Abbasi
@Waqas909
Dec 16 2016 18:32
or is it just for aesthetics ?
toccomy
@toccomy
Dec 16 2016 18:33
Yes I know. Im going to activate it on my profile challenge
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:33
I can pick up math so fast, even though I forget it all, I aced my grade 12 equivalent math course for college prerequisites. and yet coding makes me feel like a literal retard.
Callum Ward
@callumquick
Dec 16 2016 18:33
@NEETWizardJanus Maths and computer science are not the same
toccomy
@toccomy
Dec 16 2016 18:33
aesthetics
Callum Ward
@callumquick
Dec 16 2016 18:33
@NEETWizardJanus I am a physics university student, and I found coding and algorithms and fixing bugs very challenging
Nicolas Poore
@nicopoore
Dec 16 2016 18:33
I've found coding way more similar to learning a language than learning maths/physics/other hard sciences
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:33
it's logical. I'm smart. I'm also creative. I was an artist. how can I not get good at it after all these years?
Waqas Abbasi
@Waqas909
Dec 16 2016 18:34
I think Motivation is key with learning programming
In your mind, you're seeing yourself as a Failure, that is a very big obstacle to motivation. Instant Kilelr
killer*
Callum Ward
@callumquick
Dec 16 2016 18:35
@NEETWizardJanus It seems to me that you've never stuck with any one language or system or project for a long period of time, I hope you eventually get onto some of the later FreeCodeCamp projects to give you something to work towards
BobbaWoolf
@BobbaWoolf
Dec 16 2016 18:35
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:35
hellow world
guys my dropdown not working on mobile size.please help https://codepen.io/PANKAJcodes/pen/rWoVmr?editors=1000#0
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:36
maybe it's because I have depression. It's not that I automatically think I'm stupid, it's that I work really hard to understand it and I can't find solutions. I just don't understand how after decades and decades of development, there's no system of good documentation that's straight forward and comprehensive. so if it's not the documentation, it's me. possibly a bit of both. I don't know.
Waqas Abbasi
@Waqas909
Dec 16 2016 18:37
Maybe you're doing something that's not your level?
you're trying to do something*
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:37
use text-center class @BobbaWoolf
BobbaWoolf
@BobbaWoolf
Dec 16 2016 18:38
Wait a sec
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:38
Nah. I spent a few years with certain languages. I tried some intermediate languages in between Basic and C++. {I forget what they were. Pascal??} I made a nice clock in C++ in high school. I went back to review my code and it's a complete nightmare of like 3+ layers of include files.
Sorin Ruse
@sorinr
Dec 16 2016 18:38
@nicopoore try to add margin-left: 50%; to you .profile-picture class
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:39
I am ambitious. but it's hard to be motivated to do simple things that aren't challenging or do anything interesting.
BobbaWoolf
@BobbaWoolf
Dec 16 2016 18:39
yeah i've done it but its still the same :/
Waqas Abbasi
@Waqas909
Dec 16 2016 18:39

This Journey is worth it, believe it or not.

Have a look at this video, i found it to be very motivating: https://www.youtube.com/watch?v=pvAsqPbz9Ro

PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:39
send me full code
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:40
I mean that clock I made in high school was a digital LED clock with a non-standard layout. It was hexagonal. I redid it in HTML recently and it took me a month. http://codepen.io/NEETWizardJanus/pen/OXVwJN
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:40
@PankajKaushik78 jQuery needs to load before bootstrap.min.js - make sure jQuery is listed first.
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:40
actually the original layout was more like this: http://codepen.io/NEETWizardJanus/pen/jrNXJy
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:40
lemme check
Waqas Abbasi
@Waqas909
Dec 16 2016 18:41
@NEETWizardJanus Seeing that you build it... Should tell you, you're capable for more. Just at the moment you are rusty
That's what it sounds like :3
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:41
didn;t wwork @TylerMoeller
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:42
I need a complete brainwashing. mind-altering drug regimen.
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:42
@PankajKaushik78 You still don't seem to have jquery listed first
blob
BobbaWoolf
@BobbaWoolf
Dec 16 2016 18:43

@PankajKaushik78 div class="jumbotron">

<div class="container">
<h1 class="text-center">Dr. Norman Borlaug</h1>
<p class="text-center">The man who saved a billion lives</p>
<div class="thumbnail"><img src="https://static1.squarespace.com/static/5256f6e4e4b086e2b62842e2/t/54bbbd61e4b077c90273b411/1421589862757/?format=1000w"><div class="caption text-center" class="text-center">Dr. Norman Borlaug, second from left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger.</img></div>

</div>
</div>

<h2 class="text-center">Here's a time line of Dr. Borlaug's life:</h2>

                <ul  class="text-center" style="list-style-type:disc">

<li><strong>1914 - Born in Cresco, Iowa</li>
<li>1933 - Leaves his family's farm to attend the University of Minnesota, thanks to a Depression era program known as the "National Youth Administration"</li>

<li>1935 - Has to stop school and save up more money. Works in the Civilian Conservation Corps, helping starving Americans. "I saw how food changed them", he said. "All of this left scars on me."
</li>

<li>1937 - Finishes university and takes a job in the US Forestry Service
</li>

<li>
1938 - Marries wife of 69 years Margret Gibson. Gets laid off due to budget cuts. Inspired by Elvin Charles Stakman, he returns to school study under Stakman, who teaches him about breeding pest-resistent plants.
</li>

<li>1941 - Tries to enroll in the military after the Pearl Harbor attack, but is rejected. Instead, the military asked his lab to work on waterproof glue, DDT to control malaria, disenfectants, and other applied science
</li>

<li>
1942 - Receives a Ph.D. in Genetics and Plant Pathology
</li>

<li>1944 - Rejects a 100% salary increase from Dupont, leaves behind his pregnant wife, and flies to Mexico to head a new plant pathology program. Over the next 16 years, his team breeds 6,000 different strains of disease resistent wheat - including different varieties for each major climate on Earth.
</li>
<li>1945 - Discovers a way to grown wheat twice each season, doubling wheat yields
</li>

<li>1953 - crosses a short, sturdy dwarf breed of wheat with a high-yeidling American breed, creating a strain that responds well to fertalizer. It goes on to provide 95% of Mexico's wheat.
</li>

<li>1962 - Visits Delhi and brings his high-yielding strains of wheat to the Indian subcontinent in time to help mitigate mass starvation due to a rapidly expanding population
</li>

<li>1970 - receives the Nobel Peace Prize
</li>

<li>1983 - helps seven African countries dramatically increase their maize and sorghum yields
</li>

<li>1984 - becomes a distinguished professor at Texas A&M University
</li>

<li>2005 - states "we will have to double the world food supply by 2050." Argues that genetically modified crops are the only way we can meet the demand, as we run out of arable land. Says that GM crops are not inherently dangerous because "we've been genetically modifying plants and animals for a long time. Long before we called it science, people were selecting the best breeds."
</li>

<li>2009 - dies at the age of 95.
</li>

<blackquote>

<h3>"Borlaug's life and achievement are testimony to the far-reaching contribution that one man's towering intellect, persistence and scientific vision can make to human peace and progress."</h3> <p><footer>- Indian Prime Minister Manmohan Singh</p></footer>

                  <h4>If you have time, you should read more about this incredible human being on his <a href="https://en.wikipedia.org/wiki/Norman_Borlaug" target="_blank">Wikipedia entry.</h4> </a>  </h4>            
</blackquote>  

</div>

CamperBot
@camperbot
Dec 16 2016 18:43
bobbawoolf sends brownie points to @pankajkaushik78 :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @pankajkaushik78 |http://www.freecodecamp.com/pankajkaushik78
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:43
lemme check again
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:43
but that's not currently legal. although it looks like they're intending to make therapies using certain kinds of drugs legal. who knows when that will be.
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:44
i love u @TylerMoeller haha
@TylerMoeller thanks
CamperBot
@camperbot
Dec 16 2016 18:44
pankajkaushik78 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1162 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:44
lol happy to help
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:45
but whats the reason behind it
Sorin Ruse
@sorinr
Dec 16 2016 18:45
@PankajKaushik78 as @TylerMoeller said your loading order of libs is important because bootstrap.js needs jquery. so you should first load jq and after bootstrap
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:45
ok ok
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:45
bootstrap.min.js uses jQuery, so if jQuery hasn't loaded yet, it will fail. If you press Ctrl+Shift+J, it will give you an error you can search for with more info
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:45
ohk
you did any course yet
PierreProgramer
@PierreProgramer
Dec 16 2016 18:46
can someone help me with a javascript challenge
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:46
also my main text CREATIVE PK is not responsive @TylerMoeller @sorinr
@TylerMoeller its dropdown is also not reponsive..help
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:48
You'll need to debug your CSS - when you specify px instead of % it can make things no longer responsive
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:48
my life is such a mess. $1K for a new computer, and my youtube videos now start freezing after a few minutes consistently.
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:48
ohk
lemme try
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:49
#navcss{
margin-left:150px;
}
^^ For example, on a phone that's 250px wide, it will be pushed past the middle of the screen
Sorin Ruse
@sorinr
Dec 16 2016 18:49
@PankajKaushik78 usually text its not responsive by default. so if you have a text defined 18px it will stay 18px no matter you are on desktop or mobile. you have to change it by using media queries
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:49
i think if i set % it will be responsive
Sorin Ruse
@sorinr
Dec 16 2016 18:51
@PankajKaushik78 be aware that % in case of fonts are kinda triky. i would prefer to use em
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:51
wow. Will I Am in this video? Will I Am. Idiot He Is.
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:51
em will be responsive??
Waqas Abbasi
@Waqas909
Dec 16 2016 18:51
xD
But i mean.. it's made for modern day teens
who actually take him as a role model
some of them ^^
but seeing an idiot learn programming, why cant you continue :D
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:52
%age not workin @TylerMoeller
check it
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:53
I don't think Will I Am is learning programming. He's just blathering.
Waqas Abbasi
@Waqas909
Dec 16 2016 18:53
yea i agree
.-.
actually alot of people in my school are crazy about programming
but all they do is play around with scratch xD
Sorin Ruse
@sorinr
Dec 16 2016 18:53
@PankajKaushik78 nope. i said you have to control the font-size manually. maybe you whant to ennlarge a font to be more visible on smaller screens. if you use % what do u think will happen?
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:53
yeah. I figured the younger generations are a lot more into it.
Waqas Abbasi
@Waqas909
Dec 16 2016 18:54
and the school is ACtualyl the one teaching them scratch
instead of actual programming
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:54
agreed @sorinr
Waqas Abbasi
@Waqas909
Dec 16 2016 18:54
and they're like 16/17
i mean scratch is programming
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:54
to be honest, I actually found my microprocessing class when I attempted to take robotics the easiest programming out of all of them.
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:54
@PankajKaushik78 It's working exactly the way you set it up - 50% to the left of the parent container
Waqas Abbasi
@Waqas909
Dec 16 2016 18:54
Yea they are easy
in terms of undersanding the concepts
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:55
of course I never did anything fancy like making advanced procedures with it.
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:55
@TylerMoeller :worried: i cant understand its difficult
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:55
like uh... memory stacks? I dunno.
Waqas Abbasi
@Waqas909
Dec 16 2016 18:55
Yea most people don't, these students have been doing it for 2 years...
In my opinion the school should start teaching them actual programming languages...
I'm still surprised to How new Computer Science is to schools
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:56
For now, probably best to read the bootsrap docs in more detail and use the sample code they provide. @PankajKaushik78
You may want to spend a few hours playing around with the code to see how it works. After that, you'll be much better prepared to write your portfolio without issues.
NEETWizardJanus
@NEETWizardJanus
Dec 16 2016 18:57
hm. maybe it's just for a special kind of autism that can also be reached through like ADHD medication for people that doen't have autism or ADHD.
Waqas Abbasi
@Waqas909
Dec 16 2016 18:57

well if u ever feel down, just remember this

Programmers are wizards of tomorrow - Gabe Newel

PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:58
ohk @TylerMoeller ...how can i contact you btw
thanks @TylerMoeller
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:58
I'm here pretty regularly
CamperBot
@camperbot
Dec 16 2016 18:58
pankajkaushik78 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: pankajkaushik78 already gave tylermoeller points
Waqas Abbasi
@Waqas909
Dec 16 2016 18:58
anyway I hope you cheer up mate! I'm gonna go now. Was nice having a chat with u
PankajKaushik78
@PankajKaushik78
Dec 16 2016 18:58
ok
on which challenge you are @TylerMoeller
Tyler Moeller
@TylerMoeller
Dec 16 2016 18:59
I'm slowly working on data vizualization and backend projects - finished with all the front end projects: https://www.freecodecamp.com/tylermoeller
PankajKaushik78
@PankajKaushik78
Dec 16 2016 19:00
ohk nice
job??
Sorin Ruse
@sorinr
Dec 16 2016 19:02
@TylerMoeller lol
PankajKaushik78
@PankajKaushik78
Dec 16 2016 19:02
great :smile:
Tyler Moeller
@TylerMoeller
Dec 16 2016 19:03
This is just a hobby here - learning how to do front-end work.
PankajKaushik78
@PankajKaushik78
Dec 16 2016 19:03
what to do you do
main profession
Sorin Ruse
@sorinr
Dec 16 2016 19:03
@TylerMoeller yep. same for me and i enjoy it
@PankajKaushik78 i am an accountant
PankajKaushik78
@PankajKaushik78
Dec 16 2016 19:05
i m just 15 :smile:
:clap:
Sorin Ruse
@sorinr
Dec 16 2016 19:05
good for u. you have plenty of time :)
Tyler Moeller
@TylerMoeller
Dec 16 2016 19:06
I wish I learned all of this at age 15 :)
PankajKaushik78
@PankajKaushik78
Dec 16 2016 19:06
yea
do front end dev certificate from code camp help in getting job
Tyler Moeller
@TylerMoeller
Dec 16 2016 19:07
With any education, you get out of it what you put into it. The certificate is just a piece of paper in the end
Sorin Ruse
@sorinr
Dec 16 2016 19:07
@TylerMoeller i have a son that age and i would not wish his teaching me code :) i prefer the other way
Tyler Moeller
@TylerMoeller
Dec 16 2016 19:07
LOL :)
PankajKaushik78
@PankajKaushik78
Dec 16 2016 19:07
haha
recruiters prefer certificates
@TylerMoeller shud i skip and go to javascript challenges for while
Sorin Ruse
@sorinr
Dec 16 2016 19:09
@PankajKaushik78 i don't care about certificates. just peace of "paper"
Tyler Moeller
@TylerMoeller
Dec 16 2016 19:10
Up to you @PankajKaushik78, some people like to take a break and do more javascript so they can come back to their portfolio and add new features
PankajKaushik78
@PankajKaushik78
Dec 16 2016 19:10
then how will you/any get job then @sorinr
Waqas Abbasi
@Waqas909
Dec 16 2016 19:10
yea it has no value
but what does have value, are the projects you build
here
you can show them off to your Uni / Company
PankajKaushik78
@PankajKaushik78
Dec 16 2016 19:10
ya theat u plug in portfolio
Waqas Abbasi
@Waqas909
Dec 16 2016 19:11
I'm guessing main reason you redid your projects @TylerMoeller ?
Tyler Moeller
@TylerMoeller
Dec 16 2016 19:11
Yes, and I'll probably do them all over again :)
Sorin Ruse
@sorinr
Dec 16 2016 19:14
@PankajKaushik78 i just don't search for a job
Waqas Abbasi
@Waqas909
Dec 16 2016 19:14
xD
When I finished every project, I'm gonna do that :-)
I'm with
that was a typo fix but "*" makes it italic o.o
Tyler Moeller
@TylerMoeller
Dec 16 2016 19:17
I think you can escape it with\* with*
Waqas Abbasi
@Waqas909
Dec 16 2016 19:21
o.o That explains why u correct everyone! You worked for Microsoft for 10 years as an engineer!! Btw No offence Google Assistant > Siri > Cortana @TylerMoeller

Fact

Fact

.-. "#" makes everything bold
Callum Ward
@callumquick
Dec 16 2016 19:22
@Waqas909 It's Github markdown shortcuts that you're using :)
Tyler Moeller
@TylerMoeller
Dec 16 2016 19:26
You have to escape the hashtag #Fact
\
Vicfs
@Vicfs
Dec 16 2016 19:28
hey, can anyone tell me why the images in my portfolio fill the entire width of the screen when i resize down?
Tyler Moeller
@TylerMoeller
Dec 16 2016 19:29
@Vicfs That's how col-md-* works. Anything below md is assumed to be 12 unless specified otherwise
Use col-xs-* and col-sm-* to control how they look on smaller screens
Vicfs
@Vicfs
Dec 16 2016 19:32
do i include them to the same class line i added the medium one?
Tyler Moeller
@TylerMoeller
Dec 16 2016 19:33
Yes
Vicfs
@Vicfs
Dec 16 2016 19:33
can i ask you another question unrelated to this problem?
Tyler Moeller
@TylerMoeller
Dec 16 2016 19:33
Sure
Vicfs
@Vicfs
Dec 16 2016 19:33
you see the frames i have around my subsection titles?
i think i coded them in a stupid way and i'm not satisfied at all, can you teach me an alternative?
would that be the most adequate?
i don't really mind whether it's easy or hard
Tyler Moeller
@TylerMoeller
Dec 16 2016 19:37
To help with this kind of styling, it's good to study inline elements vs. block elements and get an idea of how the box model works
Vicfs
@Vicfs
Dec 16 2016 19:38
ok thanks @TylerMoeller i'll probably ask more later :)
CamperBot
@camperbot
Dec 16 2016 19:38
vicfs sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1163 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Sorin Ruse
@sorinr
Dec 16 2016 19:40
@Vicfs the hard way will be to design all by yourself(by css) by scratch. thing that i would recommend
Vicfs
@Vicfs
Dec 16 2016 19:42
you mean without using a framework?
Sorin Ruse
@sorinr
Dec 16 2016 19:42
yep
Vicfs
@Vicfs
Dec 16 2016 19:42
i was actually trying to do that but i couldn't figure out how to organize my images the way i wanted
Sorin Ruse
@sorinr
Dec 16 2016 19:43
this way you r in full control of your css
think that an img tag is an inline tag
Jichoat
@Jichoat
Dec 16 2016 20:03
Anyone around that could take a look at my code for my page? https://codepen.io/Jicho/
I am trying to get the two headers side by side using the row class; I think I have it coded right. It just isn't working :/
Pieter Stokkink
@forkerino
Dec 16 2016 20:04
@Jichoat It only works on medium screens and bigger now.
Try playing with col-xs and col-sm too.
Jichoat
@Jichoat
Dec 16 2016 20:06
@forkerino Oh, you are right /facepalm Thanks Pieter!! Will using the xs or sm affect how it appears on computer screens?
CamperBot
@camperbot
Dec 16 2016 20:06
jichoat sends brownie points to @forkerino :sparkles: :thumbsup: :sparkles:
:cookie: 388 | @forkerino |http://www.freecodecamp.com/forkerino
Pieter Stokkink
@forkerino
Dec 16 2016 20:08
@Jichoat Only if you don't include the bigger ones. For example if you want to have it full width on xs (smartphone) screens use col-xs-12, but if you want to switch to 6 columns on small screens and larger, also use col-sm-6.
Jichoat
@Jichoat
Dec 16 2016 20:10
@forkerino So I could make it like <div=class"col-xs-12 col-sm-6"> for it to work for both smartphones and tablets?
Pieter Stokkink
@forkerino
Dec 16 2016 20:10
@Jichoat yes, that will make the column 12 columns wide for xs screens and 6 columns for everything that is bigger.
Jichoat
@Jichoat
Dec 16 2016 20:11
@forkerino That's really neat, never thought I could use bootstrap like. Thanks again :D you rock!
CamperBot
@camperbot
Dec 16 2016 20:11
jichoat sends brownie points to @forkerino :sparkles: :thumbsup: :sparkles:
:warning: jichoat already gave forkerino points
Pieter Stokkink
@forkerino
Dec 16 2016 20:12
@Jichoat :metal:
That's why bootstrap is so powerful, make a page responsive by using pre-defined classes.
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 20:14
@forkerino or any grid system
:)
Jichoat
@Jichoat
Dec 16 2016 20:17
@forkerino Could I do the same with an image? Right now on my main page (now that I have the header figured out) I have that picture set as <div class="img-responsive"> Could I use <div="img-responsive img-center"> or would it be better to throw it into it's own row in the center col?
Mark
@markolie20
Dec 16 2016 20:18
anyone know how this works
<div class="row">
<div class"col-xs-3">
<b class="other-text">Computers in my life</p>
</div>
<div class="col-xs-9">
<img src="https://www.arcticsecrets.nl/media/seo/game-computer/game-computer.png" alt="game computer">
</div>
</div>
why this doesnt work*
the image doesnt go next to the text
Callum Ward
@callumquick
Dec 16 2016 20:20
@markolie20 It might be the typo in your HTML <p> tag, try changing <b class...
Pieter Stokkink
@forkerino
Dec 16 2016 20:20
@Jichoat img-center doesn't exist in Bootstrap, I think. Try center-block.
Mark
@markolie20
Dec 16 2016 20:20
@callumquick the only thing that happens is that the text stops being bold
Tyler Moeller
@TylerMoeller
Dec 16 2016 20:20
@markolie20 <div class="col-xs-3"> You are missing the =
Mark
@markolie20
Dec 16 2016 20:21
@TylerMoeller @callumquick thanks
CamperBot
@camperbot
Dec 16 2016 20:21
markolie20 sends brownie points to @tylermoeller and @callumquick :sparkles: :thumbsup: :sparkles:
:cookie: 301 | @callumquick |http://www.freecodecamp.com/callumquick
:star2: 1164 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Jichoat
@Jichoat
Dec 16 2016 20:21
@forkerino well that might explain things, it would help if I was real modifiers :P Thanks again, I suppose I will have to do more google searching x.x
CamperBot
@camperbot
Dec 16 2016 20:21
jichoat sends brownie points to @forkerino :sparkles: :thumbsup: :sparkles:
:warning: jichoat already gave forkerino points
BobbaWoolf
@BobbaWoolf
Dec 16 2016 20:27
Waqas Abbasi
@Waqas909
Dec 16 2016 20:28
What it's called to have something appear after a certain amount of time of using the pen?
nvm!
hope this helps
lvphan
@lvphan
Dec 16 2016 20:44
Hello, I'm on the point where I have to build a tribute page. How do I have a caption under the photo the way the guy has it?
texyh
@texyh
Dec 16 2016 21:03
i need help guys
Jichoat
@Jichoat
Dec 16 2016 21:11

I have a picture working properly on smartphone size screens, but not on regular monitors.

<div class="col-xs-12 col-md-12 center-block">
This my div class that I am using, isn't it suppose to be working?

Callum Ward
@callumquick
Dec 16 2016 21:20
@lvphan Look into the bootstrap caption classes
@lvphan Specifically the thumbnail class
@Jichoat What do you want it to do on regular monitors?
Jichoat
@Jichoat
Dec 16 2016 21:22
@callumquick On regular monitors I would like the image centered; I have it working on xs just not on md screens......can't imagine my monitor would be considered lg ._.
Callum Ward
@callumquick
Dec 16 2016 21:24
@Jichoat I need more code context to tell you why it isn't centered
Here is my project
Callum Ward
@callumquick
Dec 16 2016 21:24
You'd probably be better to use CSS, select it and set content-align:center;
BobbaWoolf
@BobbaWoolf
Dec 16 2016 21:25
@Jichoat Sick!
Jichoat
@Jichoat
Dec 16 2016 21:25
@callumquick Okie Thanks. Thought there might be away to bootstrap it :)
CamperBot
@camperbot
Dec 16 2016 21:25
jichoat sends brownie points to @callumquick :sparkles: :thumbsup: :sparkles:
:cookie: 302 | @callumquick |http://www.freecodecamp.com/callumquick
Jichoat
@Jichoat
Dec 16 2016 21:26
@BobbaWoolf Haha Thanks
CamperBot
@camperbot
Dec 16 2016 21:26
jichoat sends brownie points to @bobbawoolf :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @bobbawoolf |http://www.freecodecamp.com/bobbawoolf
Callum Ward
@callumquick
Dec 16 2016 21:27
@Jichoat I found the issue
Jichoat
@Jichoat
Dec 16 2016 21:27
@callumquick I'm still lurking
Callum Ward
@callumquick
Dec 16 2016 21:28
@Jichoat Your div is "center-block", and 12 columns wide, but your image inside it can still sit wherever it wants
@Jichoat CSS select the image and try align-content: center; or:
margin: 0px auto;
Jichoat
@Jichoat
Dec 16 2016 21:29
@callumquick I wouldn't sit center in the 12 columns?
Callum Ward
@callumquick
Dec 16 2016 21:29
@Jichoat It won't unless you tell it to
Waqas Abbasi
@Waqas909
Dec 16 2016 21:29

Hey! Any alternatives to

<select name="cars">

for drop down, alternatives which I can style easier with CSS ?

Callum Ward
@callumquick
Dec 16 2016 21:30
@Jichoat The margin: 0px auto; line tells it: use 0 margin on top and bottom (feel free to change it) and automatically decide the right,left margins to center the object
@Jichoat It ensures it is centered, I have tested it on your codepen and it works
@Jichoat Bootstrap likely doesn't handle this functionality well simply because it is so easy to do (and customise) yourself
@Waqas909 Look into Bootstrap or Semantic UI dropdowns, they require a little bit of Javascript to activate but my more stylable
Waqas Abbasi
@Waqas909
Dec 16 2016 21:32
@callumquick Thanks for the Suggestions, I'll have a look!
CamperBot
@camperbot
Dec 16 2016 21:32
waqas909 sends brownie points to @callumquick :sparkles: :thumbsup: :sparkles:
:cookie: 303 | @callumquick |http://www.freecodecamp.com/callumquick
Jichoat
@Jichoat
Dec 16 2016 21:32
@callumquick So it would look like this?
.center-block {
display: block;
margin-left: 0px auto;
margin-right: 0px auto;
}
Callum Ward
@callumquick
Dec 16 2016 21:32
@Jichoat No, the issue is that your div is already centered (you can check that on the developer tools): but your image is not centered within the div
@Jichoat Select the img tag and apply those styles, that will center it inside the div
Jichoat
@Jichoat
Dec 16 2016 21:34
@callumquick OH I see now!!
Callum Ward
@callumquick
Dec 16 2016 21:34
@Jichoat Also instead of margin-right and margin-left lines you can simplify it to just margin: 0 auto;, the first number (0) does the top and bottom, the auto does the left and right
Jichoat
@Jichoat
Dec 16 2016 21:35
@callumquick Now that I am grabbing the image, do I need to have the Div centered at this point?
Callum Ward
@callumquick
Dec 16 2016 21:37
@Jichoat Depends, if it isn't centered it could move the image with it (imagine the div off to the left, but the img centered inside it, the img would look off center)... however since your div is taking up all 12 columns due to col-xs-12 and col-md-12 it basically takes up all the space and so additional centering is probably overkill
Jichoat
@Jichoat
Dec 16 2016 21:37
@callumquick Awesome works perfectly, on my computer now :P Thanks for pointing that to me!!
CamperBot
@camperbot
Dec 16 2016 21:37
jichoat sends brownie points to @callumquick :sparkles: :thumbsup: :sparkles:
:warning: jichoat already gave callumquick points
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 21:37
bootstrap is so good for mock ups :d
bootstrap is so good for mock ups :D
Callum Ward
@callumquick
Dec 16 2016 21:38
@Mr-Kumar-Abhishek Is it not often used in production grade?
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 21:39
@callumquick well .... it is used for prototypes .... you build over it then .
@callumquick afterwards most of the designs of bootstrap is overridden
@callumquick only the grid system remains
Callum Ward
@callumquick
Dec 16 2016 21:40
@Mr-Kumar-Abhishek I suppose when I started my CSS wasn't good enough to build things that bootstrap does, but now I pretty much only use the grid and the navbar
@Mr-Kumar-Abhishek Yeah I was gonna say, but overriding Bootstrap or Semantic can get quite annoying with specificity
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 21:42
@callumquick It is just another drop in the water ~.. specific design has limits how big it could be, software doesn't have limits how big it could be.
BobbaWoolf
@BobbaWoolf
Dec 16 2016 21:42
how do I make his name stay ontop of the picture instead? https://gyazo.com/84e1d60af77d655aed7094eb2180a97b
Vicfs
@Vicfs
Dec 16 2016 21:43
why isn't my nav bar displaying inline?
BobbaWoolf
@BobbaWoolf
Dec 16 2016 21:45
@Vicfs I don't know but dayyyyuum you're good !
Vicfs
@Vicfs
Dec 16 2016 21:45
hm no, i'm actually pretty terrible
BobbaWoolf
@BobbaWoolf
Dec 16 2016 21:46
what makes me :worried:
Callum Ward
@callumquick
Dec 16 2016 21:46
@BobbaWoolf I need code to assess why it's beside him in the first place
BobbaWoolf
@BobbaWoolf
Dec 16 2016 21:47
k want me to send in the page or the link?
i mean code
Callum Ward
@callumquick
Dec 16 2016 21:47
@Vicfs Not sure, your menu class is probably cascading down to the items and right-aligning them up against the side
@BobbaWoolf Send me your codepen link, it helps me to assess it
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 21:49
@callumquick li{display: inline;}
oops
sorry
meant for somebody else
@Vicfs li{display: inline;}
Vicfs
@Vicfs
Dec 16 2016 21:51
why did my li .btn display: inline not work though?
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 21:53
@Vicfs oh wait ... you were using bootstrap ?
Vicfs
@Vicfs
Dec 16 2016 21:53
yea
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 21:53
@Vicfs be more specific :D
@Vicfs the class which I gave will work for any li element ... so add a specific class for it ~
@Vicfs that goes both ways .
@BobbaWoolf why do you want to kill Grant Gusting so soon :o ?!
Vicfs
@Vicfs
Dec 16 2016 21:57
yea but when i add the .btn class it doesn't work, do you know why is that?
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 21:57
@Vicfs let me take another glance ~
BobbaWoolf
@BobbaWoolf
Dec 16 2016 21:58
@Mr-Kumar-Abhishek wa?
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 21:59
@BobbaWoolf its a tribute page right ?
Vicfs
@Vicfs
Dec 16 2016 21:59
i mean i could just add the inline property for all my li elements because all of them are being displayed inline anyways, but that not might be the case in the future
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 21:59
@BobbaWoolf tributes are for people in heaven ... as far as I know
BobbaWoolf
@BobbaWoolf
Dec 16 2016 21:59
@Mr-Kumar-Abhishek OH you've got the wrong idea mate!
Vicfs
@Vicfs
Dec 16 2016 22:00
@Mr-Kumar-Abhishek you can offer a tribute for someone alive
BobbaWoolf
@BobbaWoolf
Dec 16 2016 22:00
@Mr-Kumar-Abhishek I'm just making a page for my favourite tv show :D
favorite
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 22:00
@BobbaWoolf I still think you are killing the poor guy :(
BobbaWoolf
@BobbaWoolf
Dec 16 2016 22:01
@Mr-Kumar-Abhishek LoL ! I'm not ^^
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 22:04
@Vicfs your previous class li .btn is working fine. but you need to apply inline to li and not a
Vicfs
@Vicfs
Dec 16 2016 22:05
i'm not though
John
@littleread
Dec 16 2016 22:06
Hoe do a center an unordered list with boostrap?
I can center the text but not the dots
*How do you
BobbaWoolf
@BobbaWoolf
Dec 16 2016 22:10
or How do I make that the name "Barry Allen" is under Grant Gustin? https://gyazo.com/05db39c867515e5eef95b1a7f00e13c3
Callum Ward
@callumquick
Dec 16 2016 22:10
@littleread Center the <ul> as well as the <li>s within it
John
@littleread
Dec 16 2016 22:12
ok i'll tray that thanks @callumquick
CamperBot
@camperbot
Dec 16 2016 22:12
littleread sends brownie points to @callumquick :sparkles: :thumbsup: :sparkles:
:cookie: 305 | @callumquick |http://www.freecodecamp.com/callumquick
John
@littleread
Dec 16 2016 22:12
*try
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 22:12
@Vicfs when you declare a class li .btn it acts over the tag having .btn class not the tag above it
@Vicfs so the tag having .btn class is a so it acts over a
@Vicfs however, it is the li which is stacked vertically .
@Vicfs so the inline should applied to li and not a
Vicfs
@Vicfs
Dec 16 2016 22:14
and how do i remedy that without having to apply the inline property direct to li?
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 22:16
@Vicfs <li class="navlinks"><a href="#"></a></li> , .navlinks{ display: inline}
@Vicfs be specific , as i said it goes both ways :)
Vicfs
@Vicfs
Dec 16 2016 22:16
@BobbaWoolf you could probably make a list, depends on what you want
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 22:17
@Vicfs there are other ways too....
Vicfs
@Vicfs
Dec 16 2016 22:19
@Mr-Kumar-Abhishek i tried that, it seems the btn class got ignored, not sure though
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 22:19
@Vicfs but in all cases you have to be more specific
@Vicfs <li class="navlinks"><a href="#" class="btn"></a></li> , .navlinks{ display: inline}
@Vicfs include it then ~
Henz
@pilotwhiterabbit
Dec 16 2016 22:22
I just wanted to share what I have finished for today. This took me a very long time and I'm still not done. http://codepen.io/pilotwhiterabbit/pen/RoErqO I'll finish this tomorrow. :)
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 22:23
@pilotwhiterabbit good work !
Vicfs
@Vicfs
Dec 16 2016 22:23
@Mr-Kumar-Abhishek thanks i got it to work now even though i'm still confused
CamperBot
@camperbot
Dec 16 2016 22:23
vicfs sends brownie points to @mr-kumar-abhishek :sparkles: :thumbsup: :sparkles:
:cookie: 452 | @mr-kumar-abhishek |http://www.freecodecamp.com/mr-kumar-abhishek
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 22:25
@Vicfs I just forgot there was a btn class too while giving the example ~ the explanation remains the same
Emily Ann
@emilyaringoen
Dec 16 2016 22:26

Feeling confused as to why my code is not working. This is for the local weather project. Here is my code for finding current location, weather for that location and then trying to add the data to my webpage. ``` var latitude;
var longitude;

if (navigator.geolocation) {
window.onload = function () {
var currentPosition;
function getCurrentPosition(position) {
currentPosition = position;
latitude = currentPosition.coords.latitude;
longitude = currentPosition.coords.longitude;
}

$.getJSON(" http://api.openweathermap.org/data/2.5/weather?lat=" + latitude + "&lon=" + longitude + "&APPID=0433a45ebc56292fa1c639b6fce3cc63", function(data) {
        var rawJson = JSON.stringify(data);
        var json = JSON.parse(rawJson);
        document.getElementByID("temp").innerHTML = Math.round((json.main.temp) - 273.15);
});

}
navigator.geolocation.getCurrentPosition(getCurrentLocation);
}

```

Henz
@pilotwhiterabbit
Dec 16 2016 22:26
@Mr-Kumar-Abhishek thanks!
CamperBot
@camperbot
Dec 16 2016 22:26
pilotwhiterabbit sends brownie points to @mr-kumar-abhishek :sparkles: :thumbsup: :sparkles:
:cookie: 453 | @mr-kumar-abhishek |http://www.freecodecamp.com/mr-kumar-abhishek
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 22:29
@BobbaWoolf make grids for images to achieve what you are looking for
is it just me or do people over complicate things over js ??
Erick Delfin
@Nifled
Dec 16 2016 22:31
Hi all, so when my webpage loads there's always a very light flash of black. My background is white but when I refresh I can faintly see a black background (less than a second). I'm not sure if it's normal but its kinda irritating, to be honest. Can anyone help?
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 22:33
@emilyaringoen your codepen link or repository clone URI ?
nah... people don't over complicate things over js... I am just more close to the metal of computers ... using c and assembly
Callum Ward
@callumquick
Dec 16 2016 22:37
@emilyaringoen It seems to me that you aren't correctly calling getCurrentPosition(), but also getCurrentPosition() no longer works on insecure origins so you're probably not even getting the latitude and longitude, maybe you should get that info from something like http://ip-api.com/json
Vicfs
@Vicfs
Dec 16 2016 22:39
any idea on how to get my contact form to stay at the bottom right of my page regardless of page resizing?
Josaped Moreno
@androuino
Dec 16 2016 22:40
Hi, i would like to ask why all the links populated after search linked only to the first link after click. Thanks in advance. https://codepen.io/shaolin30/pen/ZBrqJJ
Emily Ann
@emilyaringoen
Dec 16 2016 22:42
@callumquick I'm confused by the like you sent. How do I use that like to get info?
Callum Ward
@callumquick
Dec 16 2016 22:42
@androuino Seems to be working to me
Tejanth
@Tejanth
Dec 16 2016 22:43
hey guys
Callum Ward
@callumquick
Dec 16 2016 22:43
@emilyaringoen Use $.getJSON or $.ajax like normal, and it will return that object as JSON, and you can get the lat and long from it
Tejanth
@Tejanth
Dec 16 2016 22:43
for one of my tasks i need to build a portfolio
and showcase social media pages
but i dont have any
Emily Ann
@emilyaringoen
Dec 16 2016 22:43
@callumquick thanks! I'll try that.
CamperBot
@camperbot
Dec 16 2016 22:43
emilyaringoen sends brownie points to @callumquick :sparkles: :thumbsup: :sparkles:
:cookie: 306 | @callumquick |http://www.freecodecamp.com/callumquick
Tom
@moT01
Dec 16 2016 22:44
@androuino seems to be working, if i understood what you asked
BobbaWoolf
@BobbaWoolf
Dec 16 2016 22:44
@Tejanth Just make something tbh ^_^ About your favorite tv show etc
Tejanth
@Tejanth
Dec 16 2016 22:44
oh alright!
Callum Ward
@callumquick
Dec 16 2016 22:44
for example
$.getJSON("http://ip-api.com/json", function(json) {
   //Do something with that JSON file here to get that lat and long
});
Tejanth
@Tejanth
Dec 16 2016 22:44
thanks!
BobbaWoolf
@BobbaWoolf
Dec 16 2016 22:44
np!
Peter Andersson
@repeterande
Dec 16 2016 22:45
hello fellow campers, I am pondering whether I should start working on the backend track...currently done everything up to the weather app on the FE track, dabbling with ReactJS as well as nodejs. I am a sysadmin by profession and learning JS because it's a lot of fun. I also recently got into cloud ops and want to leverage it for my projects. Would you recommend that I stick with FE a bit longer before taking on the backend stuff?
Callum Ward
@callumquick
Dec 16 2016 22:46
@Tejanth If you have no portfolio pages or social media pages, just put in placeholders :) For example, make a facebook button but just make the dead link with <a href="#"></a>
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 22:46
@repeterande do what interests you.. bored with doing FE ?? Do BE ..
BobbaWoolf
@BobbaWoolf
Dec 16 2016 22:46
@Tejanth But I think you have to try to make it as a portfolio
Callum Ward
@callumquick
Dec 16 2016 22:47
@repeterande I'd say feel free to mix and match, I've been doing BE on the side while powering through the FE side, it definitely helps with some of the understanding of how your page will function as an app
Tejanth
@Tejanth
Dec 16 2016 22:48
ty callum
wait i have a question
is the portfolio about me?
Peter Andersson
@repeterande
Dec 16 2016 22:48
@Mr-Kumar-Abhishek I am not bored with FE but I am mainly interested in the logic of apps and want to built something "complete" (for lack of a better description)
@callumquick thanks for your insights, I will try it out and see if I can get the hang of it
CamperBot
@camperbot
Dec 16 2016 22:49
repeterande sends brownie points to @callumquick :sparkles: :thumbsup: :sparkles:
:cookie: 307 | @callumquick |http://www.freecodecamp.com/callumquick
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 22:49
@repeterande then move to BE... it will be "complete"
Callum Ward
@callumquick
Dec 16 2016 22:49
@repeterande If you want to build something "complete", learn a little BE, enough to get a Node.js server up and running and deliver a few pages to it for example
BobbaWoolf
@BobbaWoolf
Dec 16 2016 22:49
@Tejanth No, You can make anything but try to make it as a protfolio if you know what I mean :)
Waqas Abbasi
@Waqas909
Dec 16 2016 22:50
Hey guys
http://codepen.io/Waqas909/pen/zoyzzY
I have a drop down menu, set to opacity 0 on document.ready.
Then i have it, so when the document is ready, that div gets class which sets it's opacity to 1 but it doesnt work??
Callum Ward
@callumquick
Dec 16 2016 22:50
@Tejanth Usually a portfolio page is about yourself, I think in this case it should be because then you can use it later to show to employers for example
Tejanth
@Tejanth
Dec 16 2016 22:50
alright!
thanks guys!
BobbaWoolf
@BobbaWoolf
Dec 16 2016 22:50
yw!
Tejanth
@Tejanth
Dec 16 2016 22:50
wait what are brownie points?
Waqas Abbasi
@Waqas909
Dec 16 2016 22:51
Points, earned by Helping Campers!
Peter Andersson
@repeterande
Dec 16 2016 22:51
@Mr-Kumar-Abhishek will do...thanks for taking the time to respond.. :)
Tejanth
@Tejanth
Dec 16 2016 22:51
how do u notify that people helped you
?
Waqas Abbasi
@Waqas909
Dec 16 2016 22:51
you say "Thanks" + their name "@Example
Callum Ward
@callumquick
Dec 16 2016 22:51
@Waqas909 Could be the typo in your JS of "appearr"
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 22:51
I don't help much ~
Waqas Abbasi
@Waqas909
Dec 16 2016 22:51
@callumquick no "appearr" is the class I want it to add, that class sets the opacity to
1
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 22:51
about @Mr-Kumar-Abhishek
CamperBot
@camperbot
Dec 16 2016 22:51
:cookie: 453 | @mr-kumar-abhishek |http://www.freecodecamp.com/mr-kumar-abhishek
Abhishek Kumar
@Mr-Kumar-Abhishek
Dec 16 2016 22:52
^ that is few cookies