These are chat archives for FreeCodeCamp/HelpFrontEnd

25th
Dec 2016
pat
@MostLow
Dec 25 2016 00:03
concerning the portfolio challenge, what is a placeholder? for ththumbnails
Erick Munoz
@wutm8
Dec 25 2016 00:05
link is broken go to your facebook profile and copy that link see if that helps
@julienalexandre
Erick Munoz
@wutm8
Dec 25 2016 00:12
?fref=ts <----- you missed this part of your url
@julienalexandre
Erick Munoz
@wutm8
Dec 25 2016 00:22
@julienalexandre oh and your target="_blank" should be inside the initial anchor tag
its outside of it on the github and twitter button
<a href = '#' target="_blank">
Tyler Moeller
@TylerMoeller
Dec 25 2016 00:28
@MostLow Use rgba if you want a semi-transparent background with opaque text on top, also color not font-color:
.black-box {
  background-color: rgba(0,0,0,0.5);
  padding: 20px;
  margin: 0px;
  text-align: center;
  font-size: 20px;
  color: black;
}

.left-nav {
  background-color: transparent;
  float: left;
  border: none;
}
Gabi
@JJcreated
Dec 25 2016 00:28
hey guys, after about a month ive finally completed the local weather challenge (without the extras), please tell me what you think http://codepen.io/jjcreated/pen/vypPwW
pat
@MostLow
Dec 25 2016 00:29
thanks @TylerMoeller it worked
CamperBot
@camperbot
Dec 25 2016 00:29
mostlow sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1200 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
pat
@MostLow
Dec 25 2016 00:30
my next question:im having trouble setting thumbnails to go across screen one by one
how would i go about doing this?
Tyler Moeller
@TylerMoeller
Dec 25 2016 00:31
I'm not sure what you mean? Like an image grid?
pat
@MostLow
Dec 25 2016 00:31
probably alot of unecessary garbage buyt that is what i have so far
Tyler Moeller
@TylerMoeller
Dec 25 2016 00:32
You want them to go left to right instead of top to bottom? If so, use display: inline in your .thumbnail CSS
pat
@MostLow
Dec 25 2016 00:33
yes sir thank you very much!
hopefully that bit wasnt too hard to dig through haha
Erick Munoz
@wutm8
Dec 25 2016 00:33
http://codepen.io/emunozz99/pen/zoeVzX can anybody tell why the logo's arent in the order as my var channels ? Much Appreciated!
Tyler Moeller
@TylerMoeller
Dec 25 2016 00:34
No problem not too hard to go through - one thing to note, the <img> tag doesn't have a closing </img>
pat
@MostLow
Dec 25 2016 00:35
it doesnt need one or im missing one?
Erick Munoz
@wutm8
Dec 25 2016 00:36
<img> tag is closed by the first ">"
<img src = "#"> like so
@MostLow
Tyler Moeller
@TylerMoeller
Dec 25 2016 00:37
The <img> tag is a void element. Void elements don't have closing tags, like </img> or </input>. Here's some more info: https://www.w3.org/TR/html51/syntax.html#void-elements
@MostLow
Erick Munoz
@wutm8
Dec 25 2016 00:38
hmm never knew it was called that, void elements.
nice to know @TylerMoeller
Tyler Moeller
@TylerMoeller
Dec 25 2016 00:38
Good for random trivia :)
Erick Munoz
@wutm8
Dec 25 2016 00:39
yeah haha (:
Tyler Moeller
@TylerMoeller
Dec 25 2016 00:39
@wutm8 Your logos appear in the order of your array, as far as I can tell
pat
@MostLow
Dec 25 2016 00:39
thanks much-i believe your the first person to lend advice not asked for...really appreciate it! most just make you ask question
,miss out on alot of info that way...many questions i dont know exist yet
Erick Munoz
@wutm8
Dec 25 2016 00:40
changes order each time its run :worried: @TylerMoeller
Tyler Moeller
@TylerMoeller
Dec 25 2016 00:41
Oh I see, I had to run it a few times
With the actual Twitch API, you can separate all the users by commas and then get everything in one big JSON to prevent that from happening
not that exact url but u get me right?
Tyler Moeller
@TylerMoeller
Dec 25 2016 00:45
That is one way, but then you need to register for an API Key: https://discuss.dev.twitch.tv/t/multiple-user-objects-with-one-request/2609
That shows how to do it ^^
The easier way might be to collect all the data first in one variable, and then loop through it once it's all collected
You could put it all in an array and sort by user name in the order you want everyone to appear
Erick Munoz
@wutm8
Dec 25 2016 00:47
hmm ok let me give this another try. thanks! @TylerMoeller
CamperBot
@camperbot
Dec 25 2016 00:47
wutm8 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1201 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Dec 25 2016 00:49
No problem, good luck :+1: I just let them all display randomly in my app
João Porfírio
@pixelparker
Dec 25 2016 00:54
guys, anyone up to take a look at the code of a website i’m doing and maybe help me clean the code? the next step its making it responsive but i would love to have the website with good foundations
if anyone is willing to help, just pm me
good christmas everybody
pat
@MostLow
Dec 25 2016 01:03
was really getting tired of that portfolio bit...this fills all the steps i believe?
Jesse
@lookinahead13
Dec 25 2016 01:52
does anyone know if there is some type of "trick" for getting the full URL off of an unsplash photo? I'm trying to use one for a background photo but the tiny url doesn't seem to work.
AntyElean
@AntyElean
Dec 25 2016 02:32
Hey! Can anyone help me make the width 100 for my background image on my portfolio? https://codepen.io/AntyElean/pen/MbxGRa
MirrorTorrent
@mirrortorrent
Dec 25 2016 02:33
any buddy look to help with some css?
MirrorTorrent
@mirrortorrent
Dec 25 2016 02:40
I SEE....
Jeremy Barbe
@eemebarbe
Dec 25 2016 03:23
any react people that can help?
Michael Karpinski
@karpimpski
Dec 25 2016 03:32
http://codepen.io/karpimpski/pen/ZBNrqp does anybody know why when I delete an ingredient under edit, it always deletes the last ingredient? thanks!
@eemebarbe I can try. what's up?
Jeremy Barbe
@eemebarbe
Dec 25 2016 03:40
Hey @karpimpski
im trying to pass event to a callback function along with other parameters
when i simply pass event alone, it works fine
but with other parameters, it doesnt find event anymore
Jeremy Barbe
@eemebarbe
Dec 25 2016 03:46
i think i fixed it
Michael Karpinski
@karpimpski
Dec 25 2016 03:48
@eemebarbe how? with React it's supposed to all be in a class, too
Jeremy Barbe
@eemebarbe
Dec 25 2016 03:49
in a class?
Michael Karpinski
@karpimpski
Dec 25 2016 03:49
@eemebarbe yeah, all JSX components are supposed to be in a class
Jeremy Barbe
@eemebarbe
Dec 25 2016 03:49
so i was doing onClick={() => this.the Function(arg1, arg2).bind(this)}
onClick={this.the Function.bind(this,arg1,arg2)}
^that's the right way
passed the arguments, and then event is available as the last parameter in the callback
Michael Karpinski
@karpimpski
Dec 25 2016 03:50
@eemebarbe definitely simpler, but I would think that the first way would work too. anyway, if you fixed it then that's awesome!
Jeremy Barbe
@eemebarbe
Dec 25 2016 03:50
thisFunction(arg1,arg2,event)
yeah this is for a job prospect in LA, test project
definitely nervous
Michael Karpinski
@karpimpski
Dec 25 2016 03:52
@eemebarbe that's awesome man, good luck!
update on my recipe project, when you delete an ingredient and confirm it, it shows the right ingredients. it still doesn't show the right ingredient right when you delete it though. http://codepen.io/karpimpski/pen/ZBNrqp
Jeremy Barbe
@eemebarbe
Dec 25 2016 04:13
cool man, how long have you been studying?
AntyElean
@AntyElean
Dec 25 2016 04:24
Can anyone tell me why my links on my buttons arent working? https://codepen.io/AntyElean/pen/MbxGRa
Ankur sharma
@ankur1163
Dec 25 2016 04:30
Merry Christmas to all of my friends
nieloot-01
@nieloot-01
Dec 25 2016 05:00
Merry Christmas to all! From Philippines :)
christian oluchukwu
@oluchristian98
Dec 25 2016 05:15
merry christmas to all campers
Sorin Ruse
@sorinr
Dec 25 2016 05:28
@purpose50 you can use an ip location api like http://ip-api.com/json
Ende
@LeForteXL
Dec 25 2016 05:29
@AntyElean it looks like they work. cool page
Liuyang
@Youngbek
Dec 25 2016 05:38
merry christmas !!!
Paulo Tokimatu
@paulotokimatu
Dec 25 2016 05:44
Merry Christmas, campers!
Nitin Chandran Nair
@NitinNair89
Dec 25 2016 05:52
Merry Christmas Everyone! :santa: :gift:
Sorin Ruse
@sorinr
Dec 25 2016 05:52
Merry Christmas!
Alexander Zachreson
@alectz
Dec 25 2016 07:02
can anyone give me a hand with .toggle in jquery? I'm not sure why it is not doing what I want. this is my pen http://codepen.io/alectz/pen/PbpyvM?editors=1010 I think the problem is somewhere around line 56
Aditi Roy
@AlluringAditi
Dec 25 2016 07:09
Hello everyOne.
Can someone please help me, with some ideas or suggestions or advice.
I'm right now on the challenge where I need to make a random quote machine and I don't know where to start.
Any leads would be useful.
Please help :)
And
MERRY CHRISTMAS TO ALL :)
Ken Haduch
@khaduch
Dec 25 2016 07:13
@K4Kabir - you could start simply by making a small array of quotes and setting up a function to randomly select one when you click a button, and output it to a simple HTML page. Get the handle on handling clicks and outputting the text to a page. You can the. Work on style and using a quote API as you get the feel for doing the basic page.
C
@engineerwithoutfear
Dec 25 2016 07:16

@K4Kabir I did a little writeup of the process for mine: https://medium.com/@engineerwithoutfear/fcc-random-quote-machine-698f0e909323#.9b4g8aucf

Basically break it down into smaller steps and tackle them one at a time. (It's usually best to save the styling for last imo)

stealth edits correct link
Alexander Zachreson
@alectz
Dec 25 2016 07:20
I am trying to toggle between two different temperatures (C and F) and for some reason my .toggle() piece only shows the second one and on click it just goes to nothing
Darth Skywalker
@adityaparab
Dec 25 2016 07:20
@alectz Share your code
@adityaparab i think the problem is around line 56 in the JS
Alexander Zachreson
@alectz
Dec 25 2016 07:40
i feel like I'm on the wrong track with this user story to toggle between the two temperatures, I'm trying to use jQuery's .toggle function, but I'm becoming less and less certain that it even works. I'm trying to make a button with the Temp in F come up when the page loads, and then switch to C when clicked, and then back to F when clicked again and so on. Any tips?
Sorin Ruse
@sorinr
Dec 25 2016 07:45
@alectz have you loaded jquery lib on yuor codepen settings?
Alexander Zachreson
@alectz
Dec 25 2016 07:47
yes
my other jquery tools seem to work
@sorinr i have just normal jQuery, should I use jQuery UI?
Sorin Ruse
@sorinr
Dec 25 2016 07:50
@alectz nope. but load first jq and after bs
Alexander Zachreson
@alectz
Dec 25 2016 07:50
ok i have it the other way right now
@sorinr do you mean, like the order it is in in the settings page?
Sorin Ruse
@sorinr
Dec 25 2016 07:53
@alectz yep
Alexander Zachreson
@alectz
Dec 25 2016 07:54
@sorinr ok I did that but nothing changed. it's like the .toggle thing isn't working like it apparently should
Sorin Ruse
@sorinr
Dec 25 2016 07:55
@alectz you can use a f to c or c to f function to change the temp. no need to make calls to the api to get it
@alectz and cancel bootstrap.js loading in settings. or at least load it after jquery loading. just a sec. i'll show you what i mean
Alexander Zachreson
@alectz
Dec 25 2016 07:58
@sorinr i know, but i wanted to be fancy
@sorinr and in the end the problem will still be the same, I'll need the button to change what it says when it gets clicked
Sorin Ruse
@sorinr
Dec 25 2016 08:01
@alectz nope. take a look into the console for the obj the weather api is returning. here example
@alectz you r not interpreting the wright way the response objs
Alexander Zachreson
@alectz
Dec 25 2016 08:05
@sorinr ok, like where it says metricObj.main.temp?
Sorin Ruse
@sorinr
Dec 25 2016 08:06
@alectz when you make this call $.getJSON(weatherJson, function(weatherObj) {...... u don't pass into the url the unit system. take a look at your vars
@alectz so, you get back a response in kelvin that is the default
Alexander Zachreson
@alectz
Dec 25 2016 08:08
@sorinr yes, that part is the default, but the units are included in the toggle, and they are not part of that function. they are two separate functions calling a total of three different weather api s
@sorinr the weatherJson variable is the default, but metricUnits and imperialUnits are both also apis with units included in their descirption
shoot, messed that up
AHMED ADEL
@ahmedaldabagh
Dec 25 2016 08:12
in free coding camp have get finshed the tribute web page challenge
and the next challenge tell's me to do web that contain element i dont know how to do so i need to know do i have to go and study alone and complete the challenge or in the code camp i will learn them later
Sorin Ruse
@sorinr
Dec 25 2016 08:20
@alectz why call the api twice as you can get ether the metric or imperial from the first call and then just make function to swtch from f to c or c to f ?
Pieter Stokkink
@forkerino
Dec 25 2016 08:22
:star2: :christmas_tree: Merry Christmas everyone! :christmas_tree: :star2:
Sorin Ruse
@sorinr
Dec 25 2016 08:29
@forkerino Merry Christams!
AHMED ADEL
@ahmedaldabagh
Dec 25 2016 08:44
in free coding camp have get finshed the tribute web page challenge
and the next challenge tell's me to do web that contain element i dont know how to do so i need to know do i have to go and study alone and complete the challenge or in the code camp i will learn them later [({"please I need to explain"})]
Ende
@LeForteXL
Dec 25 2016 08:59
@ahmedaldabagh can you give the link to the point youre at?
AHMED ADEL
@ahmedaldabagh
Dec 25 2016 09:00
iam not talking about this point i want to know how free code camp work @AlvinII
Ende
@LeForteXL
Dec 25 2016 09:03
@ahmedaldabagh Ah, I see. You're not alone when you get stuck at a problem. So remember that, but use the references found online to study from since the best thing that you can do is solve the problem for yourself. Here are some links to get you started : https://developer.mozilla.org/en-US/ and http://getbootstrap.com/
AHMED ADEL
@ahmedaldabagh
Dec 25 2016 09:07
I asked if they will tech us every element in each (html,css,bootstrap ...)
or they give us basics and we go and search for it
@AlvinII
Ende
@LeForteXL
Dec 25 2016 09:09
@ahmedaldabagh You can pick up on some concepts. Check out edX.org and search for their HTML courses. I took them, still taking them while taking this on the side.
@ahmedaldabagh www.edX.org
CamperBot
@camperbot
Dec 25 2016 09:14
k4kabir sends brownie points to @khaduch and @engineerwithoutfear :sparkles: :thumbsup: :sparkles:
:cookie: 328 | @engineerwithoutfear |http://www.freecodecamp.com/engineerwithoutfear
:star2: 2156 | @khaduch |http://www.freecodecamp.com/khaduch
AHMED ADEL
@ahmedaldabagh
Dec 25 2016 09:59
thank you very much @AlvinII
CamperBot
@camperbot
Dec 25 2016 09:59
ahmedaldabagh sends brownie points to @alvinii :sparkles: :thumbsup: :sparkles:
:cookie: 198 | @alvinii |http://www.freecodecamp.com/alvinii
Joris Labie
@labiej
Dec 25 2016 10:20
I have a problem with a landing page in chrome
It has 20px of whitespace below the content in chrome (not in firefox oddly)
Any idea what's going on? I'm using materialize.css for this just to try it
And the lovely colours it provides
Aditi Roy
@AlluringAditi
Dec 25 2016 10:25
Merry Christmas to everyone :)
Sorin Ruse
@sorinr
Dec 25 2016 10:28
Merry Christmas!
Aditi Roy
@AlluringAditi
Dec 25 2016 10:30
Can someone please help me.
I've just finished Basic Algorithm scripting and moved to Trigger Click Events with jQuery and I don't understand what is happening here.
Please help me with this.
Sorin Ruse
@sorinr
Dec 25 2016 10:31
@AlluringAditi can you post your code?
Aditi Roy
@AlluringAditi
Dec 25 2016 10:32
<script>
  $(document).ready(function() {
    // Only change code below this line.

    // Only change code above this line.
  });
</script>


<div class="container-fluid">
  <div class = "row text-center">
    <h2>Cat Photo Finder</h2>
  </div>
  <div class = "row text-center">
    <div class = "col-xs-12 well message">
      The message will go here
    </div>
  </div>
  <div class = "row text-center">
    <div class = "col-xs-12">
      <button id = "getMessage" class = "btn btn-primary">
        Get Message
      </button>
    </div>
  </div>
</div>
Sorin Ruse
@sorinr
Dec 25 2016 10:33
@AlluringAditi so, i suppose when you click the button with id="getMessage" you need to do something
Aditi Roy
@AlluringAditi
Dec 25 2016 10:34
@sorinr I don't understand this code.
Sorin Ruse
@sorinr
Dec 25 2016 10:34
@AlluringAditi what part u don't understand?
Aditi Roy
@AlluringAditi
Dec 25 2016 10:35
I was working with basic algorithm scripting and that was good without this symbol and all of sudden this $ symbol is there
What is this
$(document).ready(function()
Sorin Ruse
@sorinr
Dec 25 2016 10:36
@AlluringAditi $(document) its kinda .getElementBy... in pure javascript. $(selector) its a shortage using jquery
Aditi Roy
@AlluringAditi
Dec 25 2016 10:37
@sorinr is it necessary to write this
Ayobami
@purpose50
Dec 25 2016 10:38
hi guys, i just fixed the bug in my weather app.. please check it out and notify me if it display the correct weather for your current location and if your current location e.g your state is displayed too http://codepen.io/purpose/full/WoBpWY?editors=1010
Aditi Roy
@AlluringAditi
Dec 25 2016 10:38

in this challenge it just asks to copy paste this code:

$("#getMessage").on("click", function(){

});

Without any explanation

Sorin Ruse
@sorinr
Dec 25 2016 10:39
@AlluringAditi you will have to learn jquery thats a library based on javascript that will help u a lot. its kinda bootstrap ts for css but this one for js part
Ayobami
@purpose50
Dec 25 2016 10:39
@sorinr thanks for your help and the hint, it was really effective.. please check it out and see if it's working correctly now hi guys, i just fixed the bug in my weather app.. please check it out and notify me if it display the correct weather for your current location and if your current location e.g your state is displayed too http://codepen.io/purpose/full/WoBpWY?editors=1010
CamperBot
@camperbot
Dec 25 2016 10:39
purpose50 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1005 | @sorinr |http://www.freecodecamp.com/sorinr
Aditi Roy
@AlluringAditi
Dec 25 2016 10:40
@sorinr but I've already finished the jQuery part
Then I believe I've to redo it
Anyways thanks for your help
Sorin Ruse
@sorinr
Dec 25 2016 10:41
@purpose50 yep for me its working. i would just round the temps to integers
Ayobami
@purpose50
Dec 25 2016 10:42
@sorinr thanks :smile: :+1:
CamperBot
@camperbot
Dec 25 2016 10:42
purpose50 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:warning: purpose50 already gave sorinr points
Aditi Roy
@AlluringAditi
Dec 25 2016 10:44
@purpose50 I'm sorry to say but this is not working on my system, I was just checking how you've designed coz this is going to be my next challenge too
Sorin Ruse
@sorinr
Dec 25 2016 10:47
@AlluringAditi what its not working on your system?
Aditi Roy
@AlluringAditi
Dec 25 2016 10:50
@sorinr I opened the link:
http://codepen.io/purpose/full/WoBpWY?editors=1010
and clicked on celsius and nothing happens
Sorin Ruse
@sorinr
Dec 25 2016 10:52
@AlluringAditi its because the temp its alread in C. if you click on Fahreinheit it will convert it to F. if you click back on Celsius will change to C
Aditi Roy
@AlluringAditi
Dec 25 2016 10:53
@sorinr Oh okay!
Sorin Ruse
@sorinr
Dec 25 2016 10:57
@purpose50 maybe now just add some fancy background :)
Ayobami
@purpose50
Dec 25 2016 11:02
@sorinr yeah :smile: , now will be the time to do that..thanks once again
Sorin Ruse
@sorinr
Dec 25 2016 11:02
@purpose50 :+1:
Ayobami
@purpose50
Dec 25 2016 12:13
@sorinr Hi again, please i can see an error in the weather app, at first i saw the weather for my current location Lagos, but now i 'm seeing the weather for portharcourt a very very far state from mine... i check the api and discovered it was getting the lat and long for portharcourt..how can i fix this please? http://codepen.io/purpose/pen/WoBpWY
bradleyje
@bradleyje
Dec 25 2016 12:58
@sorinr you from Lummen?
nvl
nvm
Ajay Tanwar
@ajayt365
Dec 25 2016 13:02
https://codepen.io/ajayt365/pen/ALmwLa
hey , i am facing an issue with display:flex on header tag . the last 'li' element is falling on a new line instead of remaining on same line . what's the issue ?
Ankit Agarwal
@ankit-prgmr
Dec 25 2016 13:15
@ajayt365 try giving a width to your <ul> like this in CSS, ul {width: 800px;}
tushar1410
@tushar1410
Dec 25 2016 13:28
Hello, Guys. I am having trouble with a section in the odin project.
RailsBridge Installfest - Step 2: Configure your git and ssh environment. I had earlier completed the full section. I recently reinstalled my OS, hence I am doing it all over again. I wanted to change the name and email address for the same. Does anyone know how to do it ?
Ajay Tanwar
@ajayt365
Dec 25 2016 13:35
@ankit-prgmr ofcourse that will work but i wanted to know why this behaviour is occurring ? anyone else can help too .
Sorin Ruse
@sorinr
Dec 25 2016 13:46
@purpose50 thats because you have a dynamic ip. for the location service you can use geolocation but this one works over https. so, when you run your pen over https the geolocation will work but your call to http://api.openweathermap.org will be blocked. don't know if the prefixing the url with https://crossorigin.me its still working to solve that openweather issue
Ajay Tanwar
@ajayt365
Dec 25 2016 13:49
@sorinr do you know what could be the reason ? can u help?
Sorin Ruse
@sorinr
Dec 25 2016 13:49
@ajayt365 change header to nav into css
Ajay Tanwar
@ajayt365
Dec 25 2016 13:50
yeah i have done that too . but i am asking the reason for that behaviour on header tag. what's the reason?
@sorinr
Sorin Ruse
@sorinr
Dec 25 2016 13:52
@ajayt365 when u use flex do not use it in combination with floats. you may get unexpected results
Ajay Tanwar
@ajayt365
Dec 25 2016 13:53
@sorinr yeah i am not using floats on nav
but still nav width is reduced .
Sorin Ruse
@sorinr
Dec 25 2016 13:55
@ajayt365 you have float:left in .logo. btw what do you want your navbar to look like?
Ajay Tanwar
@ajayt365
Dec 25 2016 13:57
slack icon on left and ul elements on right . yeah if i remove float :left on .logo . the logo disappears. i don't the reason for that too . do u know ?
@sorinr i think it's display becomes none when float is removed. it's unexpected . but i don't know why
Simon Cordova
@gbsimon87
Dec 25 2016 14:00

Basically I've got a number of 'View More' buttons around the page.
They're all followed by a paragraph, and I'd like to use a toggle function that clicks the button and shows/hides the subsequent paragraph.

$("button").click(function() {
  $ (" (this)  + p").toggle(1000);
});

Doesn't seem to work, anybody know how to correctly type the selectors?

PS MERRY CHRISTMAS EVERYONE!!!

I don't want to give each paragraph an ID
Sorin Ruse
@sorinr
Dec 25 2016 14:00
@ajayt365 here an example of using floats with a central element example
@ajayt365 if you make nav{ display: inline-flex;} and delete your float from .logo it should be ok
bradleyje
@bradleyje
Dec 25 2016 14:03
someone that can help me ?

function convertToF(celsius) {
var fahrenheit;
// Only change code below this line

var celsius = x;

var fahrenheit = x+32;

// Only change code above this line
return fahrenheit;
}

// Change the inputs below to test your code
convertToF(30);

Sorin Ruse
@sorinr
Dec 25 2016 14:04
@bradleyje this is not the formula to transform the c to f
bradleyje
@bradleyje
Dec 25 2016 14:06
thank you
yeah just looked at it and saw that the , was not there to choose you needed to multiply it by 9/4 and then do it plus 32
Ajay Tanwar
@ajayt365
Dec 25 2016 14:09
@sorinr yeah it works. it even works with display:flex on nav. but still didn't understand why it's disappearing if nav's display is block and i remove float:left .
Ajay Tanwar
@ajayt365
Dec 25 2016 14:16
@sorinr you assigned max-width:30% . but that reduced to only content's width when you applied float
max-width not working at all
Sorin Ruse
@sorinr
Dec 25 2016 14:17
@ajayt365 that example is intended for desktops. its not responsive
@ajayt365 it was something i've put up in a couple of minits
Ajay Tanwar
@ajayt365
Dec 25 2016 14:19
@sorinr whenever we apply float i know height reduces to zero if there is no content . what happens with width ? does it also reduces to zero
Ayobami
@purpose50
Dec 25 2016 14:55
@sorinr no crossorigin is not working to solve the issue..i think i will just stick with it like that..thanks
Sorin Ruse
@sorinr
Dec 25 2016 15:09
@purpose50 some time ago crossorigin it was working. thats why i said you can try it
Ayobami
@purpose50
Dec 25 2016 15:26
@sorinr yeah i tried but it's not working
Sorin Ruse
@sorinr
Dec 25 2016 15:28
@purpose50 if u wanna use geolocation thats working over https u can use apixu weather api. its working free both on http and https
Ayobami
@purpose50
Dec 25 2016 15:56
@sorinr okay thanks
CamperBot
@camperbot
Dec 25 2016 15:56
purpose50 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1006 | @sorinr |http://www.freecodecamp.com/sorinr
Trevor Reid
@tdreid
Dec 25 2016 16:59
In this pen, for the Simon Game I am finding that if I play the same button twice in a row or more times the 'pulse' animation from animate.css doesn't show on the subsequent times. ANyone spot what I'mdoing wrong here? Thanks in advance. http://codepen.io/tdreid/pen/pNmWZj
Mihók Balázs
@mihokbalazs
Dec 25 2016 17:45
Hi guys
does somebody familiar with materializecss?
Sorin Ruse
@sorinr
Dec 25 2016 17:47
@Recas yep
Mihók Balázs
@mihokbalazs
Dec 25 2016 17:47
nice,
so I'm trying to make my website with parallax
but can't rly make the parallax image width 100%
Ralph Nahra
@Rallph
Dec 25 2016 17:49
anyone know a good geolocation api?
Mihók Balázs
@mihokbalazs
Dec 25 2016 17:49
I use directly a big image, but it doesnt stretch fully the screen
i tried like 7 method, but none of them works
could you give me ideas?
Sorin Ruse
@sorinr
Dec 25 2016 17:53
@Recas this one src="images/parallaxmidnight.jpg" its not loading for me
Mihók Balázs
@mihokbalazs
Dec 25 2016 17:54
dont bother with it
it was just copypaste thing
now fixed
its just the same image
Sorin Ruse
@sorinr
Dec 25 2016 17:55
@Rallph if you mean by ip there is none very good coz if a user have a dynamic ip it is possible to report wrong location.
Igor Amidzic
@igoramidzic
Dec 25 2016 17:57
Anyone good with bootstrap/css who can help me with my problem?
I made a div on line 73. Then inside I made a .content div so that I can set the max-width to 944px.
However, the items inside of the .content div are hanging outside of it for some reason.
I placed a border around it to see.
Any ideas????
http://codepen.io/amidzicigor/pen/zoQJRV
Sorin Ruse
@sorinr
Dec 25 2016 17:59
@Recas add in css to body {overflow-x: hidden;}
Mihók Balázs
@mihokbalazs
Dec 25 2016 18:04
nothing
Lorrie Pearson
@Lorrie01
Dec 25 2016 18:24

Merry Christmas and Happy Holidays code campers!
I could really use your help on this project.
I cannot seem to get the "&" to overlap between the top and bottom sections. I would appreciate any suggestions. I've tried everything I can think of..Text gradients, z-index, but I just can't figure it out.

Thanks..

http://codepen.io/lorrie/pen/NbVLEz

AHMED ADEL
@ahmedaldabagh
Dec 25 2016 18:42
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Page 1-1</a></li>
<li><a href="#">Page 1-2</a></li>
<li><a href="#">Page 1-3</a></li>
</ul>
</li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
</div>
</nav>
why the dropdown button is not working
Tyler Moeller
@TylerMoeller
Dec 25 2016 19:23
@ahmedaldabagh Bootstrap dropdowns require jQuery and Bootstrap's javascript
Toffanelly
@Toffanelly
Dec 25 2016 19:26
Guys I have a problem
<script>
$(document).ready(function() {

$("p").hover(function(){
$("p").css("background-color", "yellow");
});

});
</script>
The script is not working and i dont know why
Can anybody help me?
Tyler Moeller
@TylerMoeller
Dec 25 2016 19:29
@Toffanelly It seems to work fine for me: http://codepen.io/TylerMoeller/pen/PbvyZa?editors=1010
Did you maybe forget to add jQuery?
Toffanelly
@Toffanelly
Dec 25 2016 19:29
I simply added it in the codepen options
Tyler Moeller
@TylerMoeller
Dec 25 2016 19:31
@Toffanelly Your <script> tags must go at the bottom of your HTML as well
After the <p> you want to hover over
AHMED ADEL
@ahmedaldabagh
Dec 25 2016 19:32
I need advise please
Toffanelly
@Toffanelly
Dec 25 2016 19:32
Ok now its working
I just added the jQuery source that you gave me
Thanks a lot
AHMED ADEL
@ahmedaldabagh
Dec 25 2016 19:33
in the challenge they told me to do page similar like this
https://codepen.io/FreeCodeCamp/full/YqLyXB/.
Sorin Ruse
@sorinr
Dec 25 2016 19:55
@ahmedaldabagh like this but u can design one of your imagination that can be completely diff . just add a similar navigation functionality
A_A
@Otto-AA
Dec 25 2016 19:55

Hey guys and girls,
I am trying to load a <script> on my website, but somehow it only works on my laptop and not on my mobile phone.
To test it, I made two alerts, one in the html file and one in the js file (http://aapianomusic.bplaced.net/Bummel/)

 <script type="text/javascript" src="script.js"></script>
 <script type="text/javascript">
     alert("index.html");
 </script>

Only the second one calls on my mobile phone, both call on my laptop.
Do you have any idea why this doesn't work?

Sorin Ruse
@sorinr
Dec 25 2016 19:57
@Otto-AA you have to give full path to script.js
A_A
@Otto-AA
Dec 25 2016 19:58
@sorinr Thanks it works =D
But why can't I use the relative path on my mobile?
CamperBot
@camperbot
Dec 25 2016 19:58
:star2: 1007 | @sorinr |http://www.freecodecamp.com/sorinr
otto-aa sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
AHMED ADEL
@ahmedaldabagh
Dec 25 2016 19:59
@sorinr what i want to say is this
Do i have to learn just things similar like in this page only. And later i will every thing or there is no later free code camp have done
Every thing about html,bootstrap,css
AHMED ADEL
@ahmedaldabagh
Dec 25 2016 20:04
No more learning about this material
Sorin Ruse
@sorinr
Dec 25 2016 20:06
@ahmedaldabagh you just need html and css
AHMED ADEL
@ahmedaldabagh
Dec 25 2016 20:10
Iam talking about free code camp limit not about the project
@sorinr
Sorin Ruse
@sorinr
Dec 25 2016 20:10
@ahmedaldabagh there is no limit
@ahmedaldabagh the time you see there is the estimated time to compleate a challange
AHMED ADEL
@ahmedaldabagh
Dec 25 2016 20:12
Ok then they will give us more in. Html and css or they have done
And we must go and learn alone
@sorinr
Sorin Ruse
@sorinr
Dec 25 2016 20:14
@ahmedaldabagh you can review and change your portfolio page at any time after you learn more
@ahmedaldabagh you can even skip it for the moment and do it later but i would try to do it know for the learning process
AHMED ADEL
@ahmedaldabagh
Dec 25 2016 20:17
No my dear lam talking about the way of free code camp tech us
Sorin Ruse
@sorinr
Dec 25 2016 20:27
@ahmedaldabagh you must also study on your own
AHMED ADEL
@ahmedaldabagh
Dec 25 2016 20:41
Ok thank you @sorinr
CamperBot
@camperbot
Dec 25 2016 20:41
ahmedaldabagh sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1008 | @sorinr |http://www.freecodecamp.com/sorinr
JuanLrr
@JuanLrr
Dec 25 2016 21:17
var channels = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas", "brunofin", "comster404"];

  for (var g = 0; g < channels.length; g++) {

     $.getJSON('https://wind-bow.gomix.me/twitch-api/users/' + channels[g] + '?callback=?', function(notfound) {

       var found = notfound.error;

      if (found == undefined) {

      } else {
         var d = document.getElementById(g);
console.log(g);           
        d.className = "notFound";
}


                  }
)
     }
Im working on the twitch project and im having trouble with the g variable in the loop. In the else part g is 10 and i dont get why
Jeremy Barbe
@eemebarbe
Dec 25 2016 21:20
can anyone help with event bubbling in react?
Max
@UkrainianProtein
Dec 25 2016 22:05
Hey squad, I'm working on the portfolio project. I'm having trouble with the "container" code that is not working. I checked back in the exercises I have done and it works there but not in my code. Here is my code pen http://codepen.io/Hammerdin/pen/zoQzmJ
Max
@UkrainianProtein
Dec 25 2016 22:21
First time I see this place as a ghost town
jamesjd54
@jamesjd54
Dec 25 2016 23:20
can anyone give me some ideas for making the task bar function for the personal portfolio page?
i have no idea where to start
Rita Alfonso
@alfonsotech
Dec 25 2016 23:22
Hi @jamesjd54 , I can probably help you. Can you provide a link to the challenge and/or what you've tried so far?
jamesjd54
@jamesjd54
Dec 25 2016 23:23
i havent tried anything yet. more so just looking for ideas of what to google or how making the nav bar function would work
Hello911
@Hello911
Dec 25 2016 23:31
I am about to begin my first project page. How do I know if my complete project is good enough with respect to the rules? Is everything done on CodePen (including the Portfolio page)?
jamesjd54
@jamesjd54
Dec 25 2016 23:33
look at the user story
as long as the statements in the user story apply to your page
Hello911
@Hello911
Dec 25 2016 23:35
Did we learn enough up to this point to build something like this, or you have to consult outside resources?
jamesjd54
@jamesjd54
Dec 25 2016 23:36
to build the tribute page?
Hello911
@Hello911
Dec 25 2016 23:36
yes
jamesjd54
@jamesjd54
Dec 25 2016 23:36
I think that the regular lessons should give you about everything you'd need. but googling stuff if you get stuck is fine
all you need to do for this one is add an image to the page and have a link to wikipedia. anything you do on top of that is extra
Hello911
@Hello911
Dec 25 2016 23:38
Is there a place I can display my code so people can review it and give suggestions?
jamesjd54
@jamesjd54
Dec 25 2016 23:39
you can link your codepen to this chat
Hello911
@Hello911
Dec 25 2016 23:39
Okay. Sounds good. Thanks
jamesjd54
@jamesjd54
Dec 25 2016 23:40
ya no problem man, good luck. be patient with it. im currently finishing up my second project and it gets stressful when you dont have the step by step instructions
but just take it one step at a time