These are chat archives for FreeCodeCamp/HelpFrontEnd

21st
Apr 2017
Tom
@moT01
Apr 21 2017 00:24
you just did no? with data.lat
@alfredim88
could set it as a different variable if you want, ... var lat = data.lat
alfredim88
@alfredim88
Apr 21 2017 00:33
still there?
here is my code
I want to be able to use the values from the API as variables in th second URL
Johnny
@jtan3
Apr 21 2017 00:38
@alfredim88 your myLat is getting your latitude right?
alfredim88
@alfredim88
Apr 21 2017 00:39
yes
Johnny
@jtan3
Apr 21 2017 00:39
@alfredim88 make it a variable
alfredim88
@alfredim88
Apr 21 2017 00:40
I don't know how
Johnny
@jtan3
Apr 21 2017 00:40
@alfredim88 var myLat=data.lat
alfredim88
@alfredim88
Apr 21 2017 00:41
but this doesn't work
Johnny
@jtan3
Apr 21 2017 00:42
@alfredim88 "http://api.openweathermap.org/data/2.5/weather?lat=" + myLat + "&lon=" myLon + "&APPID=55e151087bccd417345410dabbb3bba8"
alfredim88
@alfredim88
Apr 21 2017 00:42
I think it's because It can't scope the myLat variable
Johnny
@jtan3
Apr 21 2017 00:42
should be something like that
alfredim88
@alfredim88
Apr 21 2017 00:42
I know this part, but thank's anyway.
I'm can't get the myLat to be set as the value
*I can't
Johnny
@jtan3
Apr 21 2017 00:46
@alfredim88 are you seeing the lat/lon out put on your page?
alfredim88
@alfredim88
Apr 21 2017 00:47
yes
Johnny
@jtan3
Apr 21 2017 00:47
"http://api.openweathermap.org/data/2.5/weather?lat=" + ("#latitude") + "&lon=" + ("#latitude") + "&APPID=55e151087bccd417345410dabbb3bba8" this is wrong
alfredim88
@alfredim88
Apr 21 2017 00:48
this is what i tried
but it logs the words latitude and longitude
Johnny
@jtan3
Apr 21 2017 00:49
define lat and lon with var
"http://api.openweathermap.org/data/2.5/weather?lat=" + myLat + "&lon=" myLon + "&APPID=55e151087bccd417345410dabbb3bba8" try to make it something close to this?
alfredim88
@alfredim88
Apr 21 2017 00:52
yes
I tried
Johnny
@jtan3
Apr 21 2017 00:52
("#latitude") is an id in your html not a variable in your js
alfredim88
@alfredim88
Apr 21 2017 00:52
yes, but how to make an variable?
this is the question
MoonC
@MasterMoonC
Apr 21 2017 00:53
how would you use jquery to make clicking a button move you to a specific area of your webpage?
alfredim88
@alfredim88
Apr 21 2017 00:54
use the anchor tag
<a href = "somewhre"> </a>
MoonC
@MasterMoonC
Apr 21 2017 00:55
i have it as a button on the page and i am using it for nav on the same page?
alfredim88
@alfredim88
Apr 21 2017 00:55
yes
use #id to move the page
MoonC
@MasterMoonC
Apr 21 2017 00:56
in the somewhere area how would i put a id tag there
alfredim88
@alfredim88
Apr 21 2017 00:57
tag the div
or the paragraph
or anything
MoonC
@MasterMoonC
Apr 21 2017 00:57
i mean would it be like <a href="#idtaghere"></a>
alfredim88
@alfredim88
Apr 21 2017 00:58
yes
MoonC
@MasterMoonC
Apr 21 2017 00:59
ahh ok cool
thank you
@alfredim88 thanks
CamperBot
@camperbot
Apr 21 2017 00:59
mastermoonc sends brownie points to @alfredim88 :sparkles: :thumbsup: :sparkles:
:cookie: 264 | @alfredim88 |http://www.freecodecamp.com/alfredim88
Johnny
@jtan3
Apr 21 2017 01:00
@alfredim88 read the past few comments . Even @moT01 gave some good advice . Try wrapping your first getJSONaround your openweather getJSON.
@alfredim88 you don't need 2 getJSONs to call lat and lon. You can call both of them in one.
alfredim88
@alfredim88
Apr 21 2017 01:02
thank's @jtan3
CamperBot
@camperbot
Apr 21 2017 01:02
alfredim88 sends brownie points to @jtan3 :sparkles: :thumbsup: :sparkles:
:cookie: 372 | @jtan3 |http://www.freecodecamp.com/jtan3
alfredim88
@alfredim88
Apr 21 2017 01:03
I starting now, and everything is painfull
Going to search the other comments
where can I find the moT01 advice?
Paradox5
@Paradox5
Apr 21 2017 01:07
Hey babes
Sean Newman
@seangnewman
Apr 21 2017 01:08
vvvqèw
Paradox5
@Paradox5
Apr 21 2017 01:09
How ya doin
Sean Newman
@seangnewman
Apr 21 2017 01:12
Paradox5
@Paradox5
Apr 21 2017 01:13
Hablas ingles
Or speak actual words
?
Abi H
@westminsterabi
Apr 21 2017 01:14
Can someone help me move my text down from the top on the random quote generator? https://codepen.io/westminsterabi/pen/xdVrVd
Paradox5
@Paradox5
Apr 21 2017 01:15
@westminsterabi i cant code on mobile
But manipulate the margins
In css so you can place it at the bottom
Like per se margin-top: 50px;
Or margin-bottom:50px;
Its one of the two i get them mixed up constantly and I hit my self when i remember
But mess with them and you should get the text whrre you want
Amit Patel
@AmitP88
Apr 21 2017 01:17
hey guys, I've been working on this site for months now and would you say it's ready for launch? I know it's not perfect, but I was thinking I could launch it and then make periodic updates to it to improve the site: https://amitp88.github.io/Khmer-Family-Cafe/
Paradox5
@Paradox5
Apr 21 2017 01:17
@AmitP88 its beautiful
Amit Patel
@AmitP88
Apr 21 2017 01:18
@Paradox5 thank you :) so I should launch it?
CamperBot
@camperbot
Apr 21 2017 01:18
amitp88 sends brownie points to @paradox5 :sparkles: :thumbsup: :sparkles:
:cookie: 275 | @paradox5 |http://www.freecodecamp.com/paradox5
Paradox5
@Paradox5
Apr 21 2017 01:18
You should
It looks better then a good portion of other restaurants websites
Good job
Of course i would get someone to fully test it besides yourself
alfredim88
@alfredim88
Apr 21 2017 01:19
good job
Amit Patel
@AmitP88
Apr 21 2017 01:19
@Paradox5 thank you! :) that means a lot. I've been working on this website since last december lol
CamperBot
@camperbot
Apr 21 2017 01:19
amitp88 sends brownie points to @paradox5 :sparkles: :thumbsup: :sparkles:
:warning: amitp88 already gave paradox5 points
alfredim88
@alfredim88
Apr 21 2017 01:19
I like it
Paradox5
@Paradox5
Apr 21 2017 01:19
Make sure everything is working
Amit Patel
@AmitP88
Apr 21 2017 01:19
@alfredim88 thank you :)
CamperBot
@camperbot
Apr 21 2017 01:19
amitp88 sends brownie points to @alfredim88 :sparkles: :thumbsup: :sparkles:
:cookie: 265 | @alfredim88 |http://www.freecodecamp.com/alfredim88
Paradox5
@Paradox5
Apr 21 2017 01:19
But if you know it all works
Amit Patel
@AmitP88
Apr 21 2017 01:19
@Paradox5 for sure
Paradox5
@Paradox5
Apr 21 2017 01:19
Launch it
Amit Patel
@AmitP88
Apr 21 2017 01:21
@Paradox5 will do. already got the domain purchased :)
@Paradox5 thanks again
CamperBot
@camperbot
Apr 21 2017 01:21
amitp88 sends brownie points to @paradox5 :sparkles: :thumbsup: :sparkles:
:warning: amitp88 already gave paradox5 points
Paradox5
@Paradox5
Apr 21 2017 01:21
You seem prepared i wish you much luck
alfredim88
@alfredim88
Apr 21 2017 01:21
congratalations man. you made it!
Abi H
@westminsterabi
Apr 21 2017 01:23
@Paradox5 that's not working :/
Paradox5
@Paradox5
Apr 21 2017 01:28
Hold uo
Il try coding on mobile link please
@westminsterabi
Amit Patel
@AmitP88
Apr 21 2017 01:29
@Paradox5 lol I feel like i've been prepared for a while haha. I guess that's just the perfectionist in me. always delaying things haha
@alfredim88 thanks! :D
CamperBot
@camperbot
Apr 21 2017 01:30
amitp88 sends brownie points to @alfredim88 :sparkles: :thumbsup: :sparkles:
:warning: amitp88 already gave alfredim88 points
Paradox5
@Paradox5
Apr 21 2017 01:30
Ok
I fixed it
You need to move your quote div below your button
That buts it below the button
Amit Patel
@AmitP88
Apr 21 2017 01:31
alright, time to launch this thing! :D
Paradox5
@Paradox5
Apr 21 2017 01:32
Good luck !!! @HekmatAmin
Abi H
@westminsterabi
Apr 21 2017 01:39
@Paradox5 is there not a better way to do it without putting the quote below the button?
Paradox5
@Paradox5
Apr 21 2017 01:41
Do you have an apprehension to moving the quote button
Tom
@moT01
Apr 21 2017 01:41
@jtan3 what does that mean? i suck?
Johnny
@jtan3
Apr 21 2017 01:43
@moT01 no i just told him to look at your advice too .
Abi H
@westminsterabi
Apr 21 2017 01:45
@Paradox5 yeah, I just like it below
Pagnito
@Pagnito
Apr 21 2017 01:45
can somoene look at my code?
Tom
@moT01
Apr 21 2017 01:45
@jtan3 yea, im just playin
@Pagnito share it
Pagnito
@Pagnito
Apr 21 2017 01:47
@moT01 k, im tryin to look thru the copies of the element. im checking and have them be removed, just by checking one of them. It works if u select from bottom up, try checking the second on the list then 1st and click minus, it will work, or if u select only one basically but if u check in a normal numerical order down the list, it wont work, but only for one element.
Paradox5
@Paradox5
Apr 21 2017 01:47
Off the top of my head thats th best way to get it below @westminsterabi
@moT01 this is a simple replica the actual code to help ppl understand what im tryin to do, in the actually code, its loopin thru hidden copies
Abi H
@westminsterabi
Apr 21 2017 01:49
@Paradox5 ? i'm not trying to get the quote below the button, I just want the whole thing to be shifted down and to have a top margin
Gulsvi
@gulsvi
Apr 21 2017 01:49
@westminsterabi margin-top will move things down on a page. The problem is, you have SCSS code in your CSS panel and no SCSS preprocessor set up, so your CSS settings aren't applying.
This: $blue: #8fd6e8; is SCSS
Paradox5
@Paradox5
Apr 21 2017 01:49
OHHHHHHH
i thought you wanted the quote below the button
Abi H
@westminsterabi
Apr 21 2017 01:49
@SkyCoder01 you're always so helpful! how do i fix that?
Gulsvi
@gulsvi
Apr 21 2017 01:50
get rid of that first line in your CSS
(Unless you meant to use SCSS, then you're on your own ;)
Paradox5
@Paradox5
Apr 21 2017 01:50
Well played sky
Gulsvi
@gulsvi
Apr 21 2017 01:50
I don't know that CSS language very well yet
Paradox5
@Paradox5
Apr 21 2017 01:50
Well played
Gulsvi
@gulsvi
Apr 21 2017 01:50
lol @Paradox5
The other issue @westminsterabi Is you're using Bootstrap 3 classes, but have bootstrap 4 added to your codepen, so the quote isn't centering with your column offsets.
Click "Settings" -> "CSS" and replace your bootstrap link with: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
We were talking about your portfolio earlier today @Paradox5
Someone trying to figure out your smooth scroll code
Paradox5
@Paradox5
Apr 21 2017 01:53
Someone looked at that mess
Im sorry
Lol
Gulsvi
@gulsvi
Apr 21 2017 01:53
It's not that bad haha
Paradox5
@Paradox5
Apr 21 2017 01:54
It is that bad
How did they get to my profile anywau
Gulsvi
@gulsvi
Apr 21 2017 01:54
You look a lot like Abe Lincoln though, I must say
Paradox5
@Paradox5
Apr 21 2017 01:54
Nono no that was a picture for my abe lincon tribute page
Lol
But how did they get to that page?
Gulsvi
@gulsvi
Apr 21 2017 01:56
I don't know, they were just analyzing the smooth scroll, maybe it came up on a search
Paradox5
@Paradox5
Apr 21 2017 02:00
Wow i must have litterally closed gitter right after they asked
Cause i messaged a few min befire
Now i feel bad
Lol
Tom
@moT01
Apr 21 2017 02:00
@Pagnito i feel like you are over complicating things for yourself
when i uncheck something it is still in the array
Pagnito
@Pagnito
Apr 21 2017 02:01
@moT01 yea it only leaves the array once u click minus
Paradox5
@Paradox5
Apr 21 2017 02:02
thanks for helping them on mybehalf @SkyCoder01
CamperBot
@camperbot
Apr 21 2017 02:02
paradox5 sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1117 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Pagnito
@Pagnito
Apr 21 2017 02:02
@moT01 or the array get redifined ampty
@moT01 the thing is it works, if u check the elements backwards
Gulsvi
@gulsvi
Apr 21 2017 02:03
No problem - if you want to fix it, just remove the <script> code from your HTML @Paradox5
Abi H
@westminsterabi
Apr 21 2017 02:03
is there any way to fix the button on the page so that it doesn't move based on how many lines the quote is?
Pagnito
@Pagnito
Apr 21 2017 02:03
@moT01 thats what got me fckd up right now, its beyond confusing for me
Paradox5
@Paradox5
Apr 21 2017 02:03
Sky is master
I gotz to take a shower
Brb
Tom
@moT01
Apr 21 2017 02:04
ill look a little harder
Pagnito
@Pagnito
Apr 21 2017 02:04
@moT01 thanks
CamperBot
@camperbot
Apr 21 2017 02:04
pagnito sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 628 | @mot01 |http://www.freecodecamp.com/mot01
Gulsvi
@gulsvi
Apr 21 2017 02:06
@westminsterabi give a fixed height to the div that both the quote and the button are in
Or just give .quote a height and the button will sit below it
Abi H
@westminsterabi
Apr 21 2017 02:10
that worked! thanks
Gulsvi
@gulsvi
Apr 21 2017 02:10
no problem!
Tom
@moT01
Apr 21 2017 02:17
@Pagnito i may have narrowed something down
im still not sure what the problem is, ...why are you going through the whole array, when the last thing in the array should hold all the checked boxes
Paradox5
@Paradox5
Apr 21 2017 02:25
Im back
Tom
@moT01
Apr 21 2017 02:25
k i think i know now @Pagnito
when it gets to the second object, in the checkedArr.each
Pagnito
@Pagnito
Apr 21 2017 02:26
ok listening?
listening*
Tom
@moT01
Apr 21 2017 02:27
k let me try again
Paradox5
@Paradox5
Apr 21 2017 02:27
Im listenin
Tom
@moT01
Apr 21 2017 02:27
when you click ninja then free
you get two objects
the first one is ninja
not two objects, ...two things in the array
the fist thing is ninja
the second spot has two things, free and ninja
Patrick Koidal
@Koitis
Apr 21 2017 02:28
if i use col-md-3, do i need to have a css class for it?
Tom
@moT01
Apr 21 2017 02:28
so it looks through the first spot, ...removes all the ninja
Patrick Koidal
@Koitis
Apr 21 2017 02:28
my stuff isn't stacking horizontally
Tom
@moT01
Apr 21 2017 02:28
then goes to the seconds index, and looks for free
removes the frees
and looks for ninja again
but there is none
Pagnito
@Pagnito
Apr 21 2017 02:28
@moT01 thats makes sense, how come tho it works if checking off backwards
Tom
@moT01
Apr 21 2017 02:28
and the other way around, ....
the first index is free
second = free, ninja
so it removes all the free
then looks for free again
and gets like stuck there cause there isnt any
Pagnito
@Pagnito
Apr 21 2017 02:29
@moT01 oh yea if u look, when checking off backwards it doesnt do that
Tom
@moT01
Apr 21 2017 02:29
my theory, ...lemme try n confirm
Paradox5
@Paradox5
Apr 21 2017 02:29
So
Pagnito
@Pagnito
Apr 21 2017 02:29
@moT01 yea try checking off backwards, and it wont have the first element as the one in the last
Tom
@moT01
Apr 21 2017 02:31
there ya go
Paradox5
@Paradox5
Apr 21 2017 02:31
Thanks @edmundtfy
CamperBot
@camperbot
Apr 21 2017 02:31
paradox5 sends brownie points to @edmundtfy :sparkles: :thumbsup: :sparkles:
:cookie: 327 | @edmundtfy |http://www.freecodecamp.com/edmundtfy
Paradox5
@Paradox5
Apr 21 2017 02:31
Thanks @moT01
CamperBot
@camperbot
Apr 21 2017 02:31
paradox5 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 629 | @mot01 |http://www.freecodecamp.com/mot01
Pagnito
@Pagnito
Apr 21 2017 02:31
@moT01 wow, haha, now how to make it so it dont push it ike that
Tom
@moT01
Apr 21 2017 02:31
just do like a loop on the last index of the array
it will hold all the checked boxes like i said
Pagnito
@Pagnito
Apr 21 2017 02:32
hold on, tryin compute what u just said
lol
i wonder tho if it will mess somethin up, if a person randomly selects things
like up and down and so forth
hold on, im try it
Tom
@moT01
Apr 21 2017 02:34
i dont think so, ...every time a box gets checked the array gets updated
or unchecked
Pagnito
@Pagnito
Apr 21 2017 02:35
do u know why its pushing all divs into every index tho?
ooooh i know
because it sees the chekd ones everyime
dude, i feel so relieved now that i know the problem, another big turd released off my shoulders
@moT01 thank you
CamperBot
@camperbot
Apr 21 2017 02:37
pagnito sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:warning: pagnito already gave mot01 points
Tom
@moT01
Apr 21 2017 02:37
i still think you made things harder on yourself than you needed to
Pagnito
@Pagnito
Apr 21 2017 02:37
how come
in which way
Tom
@moT01
Apr 21 2017 02:37
couldnt you just check what boxes are checked after you hit a plus or minus
Pagnito
@Pagnito
Apr 21 2017 02:38
yea i do that
but there are hidden copies in my original code
for offline and online view
they need to be removed as well
thus the loop
like i was saying this is a copy of the code to help ppl understand the problem
Tom
@moT01
Apr 21 2017 02:39
yea, i dunno it just seems goofy to me as well
Pagnito
@Pagnito
Apr 21 2017 02:39
what do u mean
Tom
@moT01
Apr 21 2017 02:39
getting the closest div
it works
Pagnito
@Pagnito
Apr 21 2017 02:39
yea haha
i had to search a bunch for this one
i feel like tho all this weird stuff is teaching me alot
Tom
@moT01
Apr 21 2017 02:40
it is
Paradox5
@Paradox5
Apr 21 2017 02:40
It is
Tom
@moT01
Apr 21 2017 02:41
whats with the trash can?
Pagnito
@Pagnito
Apr 21 2017 02:41
@moT01 DUDUUUUDUDUEE!!
I USED var div = $(event.target).closest('div');
and it works like a charm
now the array elements hold only one user each
Tom
@moT01
Apr 21 2017 02:43
not sure about that, ...try unchecking something and hitting minus
Pagnito
@Pagnito
Apr 21 2017 02:44
@moT01 oh yea shit, didnt see that one
@moT01 i think thats a easy one tho, hold on
Abi H
@westminsterabi
Apr 21 2017 02:50
here's my quote machine! it does what it's supposed to but i'm trying to tweak the look of it
i'm trying to get the twitter symbol to fall in line with the button but for some reason it won't
Neil
@NNeil1
Apr 21 2017 02:53
I feel like my design skills are just horrendous. anything i should add to make the page not look so boring? - http://s.codepen.io/RPIE3/debug/MmaKGx/bYAdyGYqqwGk#
Paradox5
@Paradox5
Apr 21 2017 02:53
Hey
Abi H
@westminsterabi
Apr 21 2017 02:53
@NMC96 the white margin at the bottom is a little weird?
Paradox5
@Paradox5
Apr 21 2017 02:54
Ns quote @westminsterabi
Abi H
@westminsterabi
Apr 21 2017 02:54
?
ns?
Paradox5
@Paradox5
Apr 21 2017 02:54
And if your design skills are horrendous then i should quit now
Ns
Neil
@NNeil1
Apr 21 2017 02:54
@westminsterabi I just have that there while I was designing the structure of the page
Paradox5
@Paradox5
Apr 21 2017 02:54
Nice
Abi H
@westminsterabi
Apr 21 2017 02:54
oh thanks!
:)
@NMC96 oh okay!
Paradox5
@Paradox5
Apr 21 2017 02:54
Sorry i couldnt be of any help
Ok now
Has everyone had a happy birthday
Vinicius Otacilio
@Karumba15
Apr 21 2017 03:00
someone help me pls.. at Javascript first lessons
why this is wrong?
var a: 5;
var b: 10;
var c: "I am a"
Paradox5
@Paradox5
Apr 21 2017 03:00
Whats the goal of the lesson
Paul Borawski
@iAmNawa
Apr 21 2017 03:00
@Karumba15 Wrong how?
Paradox5
@Paradox5
Apr 21 2017 03:00
And its var =
Vinicius Otacilio
@Karumba15
Apr 21 2017 03:00
Forget...
Paradox5
@Paradox5
Apr 21 2017 03:00
Not var:
Vinicius Otacilio
@Karumba15
Apr 21 2017 03:00
I solved
is var=
this is why is wrong
Paradox5
@Paradox5
Apr 21 2017 03:01
Yea
Not var:
Thats css
Vinicius Otacilio
@Karumba15
Apr 21 2017 03:01
so... its my first contact with javascript and is being very hard..
Paradox5
@Paradox5
Apr 21 2017 03:01
Var a = 10;
Vinicius Otacilio
@Karumba15
Apr 21 2017 03:01
Someone have any documentation more simpler ? a introduction guide maybe
Paradox5
@Paradox5
Apr 21 2017 03:02
Codeacademy javascript track
Paul Borawski
@iAmNawa
Apr 21 2017 03:02
var is not uppercase
Daniel
@DanJP2016
Apr 21 2017 03:02
mozilla developer network is real helpful also
Paradox5
@Paradox5
Apr 21 2017 03:02
Ik my phone autocorrrects every first letter
To uppercade
Vinicius Otacilio
@Karumba15
Apr 21 2017 03:04
im thinking i should read and learn more about html and css to start the javascript... because freecodecamp dont go to deep on the css
and wil be hard to learn the 3 things at the same time
Paradox5
@Paradox5
Apr 21 2017 03:04
This is true
Do the code academy tracks
Their nice starters
Vinicius Otacilio
@Karumba15
Apr 21 2017 03:06
Yes i already do a few time ago
but i dont know.. fell like a i dont know the enought yet
http://codepen.io/ViniciusOtacilio/pen/GmoKKM look my code here... seems like my code is not very semantic... this bother me a loot
and i do big part of this page with bootstrap... i should used more css
Vinicius Otacilio
@Karumba15
Apr 21 2017 03:12
and my html have like, 1 billion of divs
Tom
@moT01
Apr 21 2017 03:14
@Karumba15 looks good
could maybe put some of the classes in the div above it
i see one that just has text-center
rohitdesigner
@rohitdesigner
Apr 21 2017 03:15
@moT01 hi
Tom
@moT01
Apr 21 2017 03:15
could probly just add text-center to the div above it
Vinicius Otacilio
@Karumba15
Apr 21 2017 03:15
@moT01 yes you are right...
i think have close divs that even has a correspondent div
Tom
@moT01
Apr 21 2017 03:15
and get rid of that div
rohitdesigner
@rohitdesigner
Apr 21 2017 03:15
@moT01 what u thought abt the project
Tom
@moT01
Apr 21 2017 03:15
might be more, ...i just saw that one right away
lets do it
Daniel
@DanJP2016
Apr 21 2017 03:21
any of you guys ever get a client that keeps requesting the layout be changed, but refuses to give you any content for the site?
Pagnito
@Pagnito
Apr 21 2017 03:38
@moT01 lol i just created a a function to remove the splice a specific element out of the array using a each loop, splicing according to the index. as soon i was done i checked it workd, then i looked at it, and i was like wtf did i just write lol
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:38
@Pagnito lol
What were you working on?
Vinicius Otacilio
@Karumba15
Apr 21 2017 03:38
how i put a link in a bootstrap buton?
Pagnito
@Pagnito
Apr 21 2017 03:39
@MathematicsCoding checking off users to remove them from a list, and then if a person decided to uncheck, remove that previously checked item from the array so it doesnt get deleted when i press minus
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:39
oh twitch.tv still?
Pagnito
@Pagnito
Apr 21 2017 03:39
yea haha
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:39
Damn..
Pagnito
@Pagnito
Apr 21 2017 03:39
shits gonna perfect
u done with it?
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:40
nah..
Pagnito
@Pagnito
Apr 21 2017 03:40
everything im doing is teaching me alot
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:40
I was working on roman numerals convertor and finally finished it...
Pagnito
@Pagnito
Apr 21 2017 03:40
kinda have a feeling ill be more then ready for the next algorithms
nice
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:41
After that I was going back to work on twitch tv
But Im addicted to animes lol
Pagnito
@Pagnito
Apr 21 2017 03:41
yea twitch can be bitch
dude i fckn love anime
thank god atm i love coding more
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:41
lol
Same
Pagnito
@Pagnito
Apr 21 2017 03:41
but before i started grasping code, i was binging all the time
u ever see akame ga kill
thats one of my favorite, but there is so many good ones, is swear, ppl who only watch dbz have no idea
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:42
Well before coding I was watching naruto all time
I watched 500 episodes lol
But its over
Vinicius Otacilio
@Karumba15
Apr 21 2017 03:42
<a href="#"><span class="glyphicon social-facebook"></span></a> this is wrong????
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:42
So then boruto came out
Vinicius Otacilio
@Karumba15
Apr 21 2017 03:42
its not working
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:43
Boruto is naruto's son
Paradox5
@Paradox5
Apr 21 2017 03:43
SABOOR
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:43
@Paradox5 hey
Paradox5
@Paradox5
Apr 21 2017 03:43
how ya doing my bud
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:43
What up? lol
Good
Paradox5
@Paradox5
Apr 21 2017 03:43
Good good
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:43
:\
Paradox5
@Paradox5
Apr 21 2017 03:44
So hows your little bro
Pagnito
@Pagnito
Apr 21 2017 03:44
@MathematicsCoding yea i feel u, naruto is legend
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:44
@Paradox5 I dont have little bro..
Pagnito
@Pagnito
Apr 21 2017 03:44
@MathematicsCoding naruto is worth writing down in history lol
Paradox5
@Paradox5
Apr 21 2017 03:44
You do now
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:44
Who are you talking about?
Paradox5
@Paradox5
Apr 21 2017 03:44
So how is he
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:44
huh...
How am I supposed to know who he is?
lol
Paradox5
@Paradox5
Apr 21 2017 03:45
*how is your little bro
Not a hard question
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:45
Ok heres my answer
Answer: That brother you are talking about doesnt exist
I dont have a brother :p
Paradox5
@Paradox5
Apr 21 2017 03:46
Ugh
Anyway
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:46
Yes?
Paradox5
@Paradox5
Apr 21 2017 03:46
Thanks @MathematicsCoding
CamperBot
@camperbot
Apr 21 2017 03:46
paradox5 sends brownie points to @mathematicscoding :sparkles: :thumbsup: :sparkles:
:cookie: 334 | @mathematicscoding |http://www.freecodecamp.com/mathematicscoding
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:46
For?
Paradox5
@Paradox5
Apr 21 2017 03:46
334 pointa
So your not new
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:46
lol
You could do about instead
Paradox5
@Paradox5
Apr 21 2017 03:47
Thats unfortunate
I couls
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:47
about
about @Paradox5
CamperBot
@camperbot
Apr 21 2017 03:47
:cookie: 275 | @paradox5 |http://www.freecodecamp.com/paradox5
Paradox5
@Paradox5
Apr 21 2017 03:47
But i just gotta thank you for being such a cool guy
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:47
Thanks lol
Paradox5
@Paradox5
Apr 21 2017 03:47
Anyway
Hm
Make a topic of conversation
I cant thibk of anything
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:48
What are you working on?
Paradox5
@Paradox5
Apr 21 2017 03:48
Wikipedia viewer
You?
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:49
Algorithm challenges
Just finished roman numerals convertor
Paradox5
@Paradox5
Apr 21 2017 03:49
Fancy
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:49
I didnt finish twitch tv so I will come back to it later
Anyway im going to watch anime
Paradox5
@Paradox5
Apr 21 2017 03:50
Is twitch tv as hard as people make it out to be
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:50
Bye @Paradox5 @Pagnito
Paradox5
@Paradox5
Apr 21 2017 03:50
Aw
Saboor Malik
@MathematicsCoding
Apr 21 2017 03:50
Yeah its hardest project I have ever did
Cya
Paradox5
@Paradox5
Apr 21 2017 03:50
@Pagnito
@Pagnito
Pagnito
@Pagnito
Apr 21 2017 03:51
@MathematicsCoding peace man
@Paradox5 sup
Paradox5
@Paradox5
Apr 21 2017 03:51
Talk to me
We dont talk
Pagnito
@Pagnito
Apr 21 2017 03:52
@Pagnito hold on, lemme finish trasnferring my code real quick
Vinicius Otacilio
@Karumba15
Apr 21 2017 03:53
how i can use the fontawesone? this is not working at my website <i class="fa fa-free-code-camp" aria-hidden="true"></i>
Pagnito
@Pagnito
Apr 21 2017 03:53
u need cdn
@Karumba15
Vinicius Otacilio
@Karumba15
Apr 21 2017 03:54
cdn?
this ? <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
Pagnito
@Pagnito
Apr 21 2017 03:54
yea
@Paradox5 hold i will talk to u too, i just looked to see if u replied and saw this, so i had to help lol
Vinicius Otacilio
@Karumba15
Apr 21 2017 03:54
i am already is using
Pagnito
@Pagnito
Apr 21 2017 03:54
@Karumba15 hmm
@Karumba15 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel='stylesheet'>
try that one
Vinicius Otacilio
@Karumba15
Apr 21 2017 03:57
@Pagnito thanks man...worked out now :D
Pagnito
@Pagnito
Apr 21 2017 03:57
@Karumba15 np
Josh Beyer
@Joshbeyer
Apr 21 2017 03:57
Does anyone know how to run a method at a specifc date&time each month
Pagnito
@Pagnito
Apr 21 2017 04:02
@Paradox5 sup what u wanna talk about
Pagnito
@Pagnito
Apr 21 2017 04:12
@Paradox5 u still here?
Vinicius Otacilio
@Karumba15
Apr 21 2017 04:14
finally end my portfólio... what you think guys? Any observations? problems ? http://codepen.io/ViniciusOtacilio/pen/GmoKKM
Gulsvi
@gulsvi
Apr 21 2017 04:15
@Joshbeyer There's the Date object, if you want to check what day/time it is before deciding to run a function.
@Karumba15 muito bem :)
You worked hard on that portfolio and got it working responsively.
The imgur link you have is broken though :/ -- they block codepen, so you'll have to use flickr, tinypic, or postimg instead
Vinicius Otacilio
@Karumba15
Apr 21 2017 04:17
@SkyCoder01 really? Fuck....
i will have to upload all the image again i guess
thanks for helping throug this process @SkyCoder01
CamperBot
@camperbot
Apr 21 2017 04:18
karumba15 sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1118 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
Apr 21 2017 04:18
Cuidado com os palavrões :)
Vinicius Otacilio
@Karumba15
Apr 21 2017 04:18
Sorry
Gulsvi
@gulsvi
Apr 21 2017 04:18
lol, glad you understand my bad portuguese :p
Vinicius Otacilio
@Karumba15
Apr 21 2017 04:19
@SkyCoder01 kkk you say everything right
Gulsvi
@gulsvi
Apr 21 2017 04:19
meu espanhol é muito melhor
Vinicius Otacilio
@Karumba15
Apr 21 2017 04:19
@SkyCoder01 my spanish is a shit hahaha worse than my english
Gulsvi
@gulsvi
Apr 21 2017 04:19
haha
I mean jajaja
Vinicius Otacilio
@Karumba15
Apr 21 2017 04:19
@SkyCoder01 jajaja
@SkyCoder01 you are learning portuguese?
Gulsvi
@gulsvi
Apr 21 2017 04:20
Anyway, good job with the portfolio. Quote machine is next!
I study romance languages, so a little portuguese and italian, but mostly Spanish now
Vinicius Otacilio
@Karumba15
Apr 21 2017 04:21
@SkyCoder01 hmm understood hahaha your portuguese as far i see is very good
Gulsvi
@gulsvi
Apr 21 2017 04:21
Thank you @Karumba15 easy phrases to remember though :)
CamperBot
@camperbot
Apr 21 2017 04:21
:cookie: 130 | @karumba15 |http://www.freecodecamp.com/karumba15
skycoder01 sends brownie points to @karumba15 :sparkles: :thumbsup: :sparkles:
Paul Rail
@PolarisTLX
Apr 21 2017 04:22
Really struggling with the Local Weather exercise. I finally got the API Key to work for Open Weather. But my $.getJSON doesn't seem to be able to take the data from that page. Can't even get anything from console.log to print after the $.getJSON. Here is my code if anyone can help:
$(document).ready(function(){    
  if (navigator.geolocation){    navigator.geolocation.getCurrentPosition(function(position){  
      var lat = position.coords.latitude;
      var long = position.coords.longitude;

      //create API with geolocation
      var api = 'http://api.openweathermap.org/data/2.5/weather?lat='+lat+'&lon='+long+'&appid=f2cc32db0a74d79c539e1d78f54a963e';

      $.getJSON(api, function(data){        
        //JSON call for Open Weather API
        //alert(data.coord.lon);
        var farTemp;
        var celTemp;
        var weatherType = data.weather[0].description;
        var windSpeed = data.wind.speed;
        city = data.name;        
        var kelTemp = data.main.temp;  //temperature in Kelvin

        farTemp = (kelTemp)*(9/5)-459.67; //convert to Farenheight
        celTemp = kelTemp-273; //converts to Celcius

        console.log(city);
        $("#city").html(city);
        $("#weatherType").html(weatherType);
        $("#farTemp").html(farTemp);     
      });      
  });                             
}
});
Vinicius Otacilio
@Karumba15
Apr 21 2017 04:22
@SkyCoder01 the quote machine is in javascript right?
Gulsvi
@gulsvi
Apr 21 2017 04:22
Yes, javascript @Karumba15
@PolarisTLX Are you using Chrome by chance?
Paul Rail
@PolarisTLX
Apr 21 2017 04:23
@SkyCoder01 yes I am
Vinicius Otacilio
@Karumba15
Apr 21 2017 04:23
@SkyCoder01 i will try to learn javascript basics at codeacademy first... i lost myself a lot in the javascript at the tutorial of freecode
Gulsvi
@gulsvi
Apr 21 2017 04:23
Chrome needs you to load codepen over HTTPS to use navigator.geolocation, but openweathermap doesn't work over HTTPS. kind of a catch 22
You'll need to use a different location API, a different weather API or both to get it working on Chrome.
Paul Rail
@PolarisTLX
Apr 21 2017 04:24
Arg I did read about that in all my frustrations. Apparently Firefox has the same issue. So try with explorer then?
Gulsvi
@gulsvi
Apr 21 2017 04:24
Firefox should work fine, for now. Eventually all the browsers will do the same as Chrome. Frustrating...
Paul Rail
@PolarisTLX
Apr 21 2017 04:25
I hope that exercise gets updated then as I have been spinning my wheels for a long time and many other more experienced coders report having problems due to this https security update and running this kind of code
ok thanks @SkyCoder01 I will try another browser
CamperBot
@camperbot
Apr 21 2017 04:25
polaristlx sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1119 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
Apr 21 2017 04:27
@PolarisTLX I tried it in firefox and I do get data back from the API. Good luck :)
Vinicius Otacilio
@Karumba15
Apr 21 2017 04:36
@SkyCoder01 finished... change all the images to tinypic
i still wanna to fix somethings at him... but by now i think that a made a good job
Csaba Balogh
@JasonCorp84
Apr 21 2017 04:51
Hello
I am working on my navigation bar with bootstrap on codepen.io
but because of some reason I got very different result than others...
on youtube. getboostrap.com or w3scools..
what is the reason ? :P
Vinicius Otacilio
@Karumba15
Apr 21 2017 04:53
@JasonCorp84 post your codepen here man, i can help you
Vinicius Otacilio
@Karumba15
Apr 21 2017 04:53
@JasonCorp84 if i see your code gets easier
Csaba Balogh
@JasonCorp84
Apr 21 2017 04:54
I just cop pasted the getboostrap navbar , and it is not working either
Vinicius Otacilio
@Karumba15
Apr 21 2017 04:55
@JasonCorp84 the problem is in the bootstrap version
go on settings
and CSS
Add external Stylesheet
add external CSS"
exclude the first link
and put this instead
Csaba Balogh
@JasonCorp84
Apr 21 2017 04:56
nice thanks it is working now
Thank you @Karumba15
CamperBot
@camperbot
Apr 21 2017 04:56
:cookie: 131 | @karumba15 |http://www.freecodecamp.com/karumba15
jasoncorp84 sends brownie points to @karumba15 :sparkles: :thumbsup: :sparkles:
Csaba Balogh
@JasonCorp84
Apr 21 2017 04:56
now I can sleep :D
Vinicius Otacilio
@Karumba15
Apr 21 2017 04:57
hahaah
mee to
good night
me too"
Teng Peng
@pt7321
Apr 21 2017 05:00

anyone can tell my how to add IF syntax to fulfill that when input is empty display the window "input cannot be empty", my code is here: <html>
<head>

    <script>

    function input_empty() {

        alert("input cannot be empty");
    }

    </script>
    </head>
<body>
    <div> 
        <input onblur="input_empty()"></div>

</body>

</html>

Darth Skywalker
@adityaparab
Apr 21 2017 05:14

@pt7321 : First: Pass in your current element as a parameter to the input_empty function

<div> 
  <input onblur="input_empty(this)">
</div>

Please note : this is passed as a parameter. Which will point to the input element on which you're calling onblur event handler.

Second. Catch this element (this of html ) in your input_empty function in js.
function input_empty(el) {
  if(el.value.trim() === ''){
    alert("input cannot be empty");
  }
}
you could also do if(el.value === '')but if use enters more than one space characters and nothing else, this condition will fail as the input is not technically empty.
So you trim() the value and compare it with '' to determine if input is truly empty.
Brian Ferguson
@DigitalNW
Apr 21 2017 05:35
I am on exercise 118, first exercise using codepen. Do I have to upgrade to codepen pro to enable adding photos?
Gulsvi
@gulsvi
Apr 21 2017 05:37
@DigitalNW No, you can use a service like https://postimage.io
The number 118 represents your brownie points, by the way @DigitalNW, not the exercise number.
Brian Ferguson
@DigitalNW
Apr 21 2017 05:38
I will take a look. Thanks a lot!
Gulsvi
@gulsvi
Apr 21 2017 05:38
Now you're on 119 (thank you @DigitalNW) :)
Brian Ferguson
@DigitalNW
Apr 21 2017 05:38
Thanks for the advice, Sky.
Gulsvi
@gulsvi
Apr 21 2017 05:38
cbot?
CamperBot
@camperbot
Apr 21 2017 05:38
you called?
Gulsvi
@gulsvi
Apr 21 2017 05:39
hmm, usually when you say thank you @username it increases the number of points anyway... bot seems to be down
CamperBot
@camperbot
Apr 21 2017 05:39
skycoder01 sends brownie points to @username :sparkles: :thumbsup: :sparkles:
:warning: @username's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Gulsvi
@gulsvi
Apr 21 2017 05:39
thank you @DigitalNW
CamperBot
@camperbot
Apr 21 2017 05:39
skycoder01 sends brownie points to @digitalnw :sparkles: :thumbsup: :sparkles:
:warning: @digitalnw's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Gulsvi
@gulsvi
Apr 21 2017 05:39
lol, fail
kirbyedy
@kirbyedy
Apr 21 2017 05:42
bot is sleeping :)
Teng Peng
@pt7321
Apr 21 2017 05:46
@adityaparab thanks a lot!
CamperBot
@camperbot
Apr 21 2017 05:46
pt7321 sends brownie points to @adityaparab :sparkles: :thumbsup: :sparkles:
:star2: 1017 | @adityaparab |http://www.freecodecamp.com/adityaparab
Gulsvi
@gulsvi
Apr 21 2017 05:52
cbot awakes :)
CamperBot
@camperbot
Apr 21 2017 05:52
you called?
Gulsvi
@gulsvi
Apr 21 2017 05:52
eightball do you ever sleep cbot?
CamperBot
@camperbot
Apr 21 2017 05:52
@SkyCoder01 :8ball: yes. Definitely :sparkles:
Zhanibek
@zhann1982
Apr 21 2017 06:00
@camperbot hello bot!
cbot?
CamperBot
@camperbot
Apr 21 2017 06:03
you called?
Zhanibek
@zhann1982
Apr 21 2017 06:03
How are you cbot?
Zhanibek
@zhann1982
Apr 21 2017 06:17
:)
Andy
@Andy189
Apr 21 2017 06:31
blob
Excuse me
kirbyedy
@kirbyedy
Apr 21 2017 06:33
you are excused :D
Andy
@Andy189
Apr 21 2017 06:35
I'm sorry,My English is not good
Consult on a problem?
Pagnito
@Pagnito
Apr 21 2017 06:37
hey how much ram does chrome take for u guys?
kirbyedy
@kirbyedy
Apr 21 2017 06:37
@Andy189 you want a line ? like that ?
look for <hr> element
Pagnito
@Pagnito
Apr 21 2017 06:38
mines will go up to 2g, as all diffirent chrome helpers
kirbyedy
@kirbyedy
Apr 21 2017 06:38
I think mine is around 1gb
6 tabs
couple of addons
ad block for sure
Pagnito
@Pagnito
Apr 21 2017 06:40
@kirbyedy i got 5 tabs, and its like 2.2g
@kirbyedy i used to have like 15 tabs open before without a problem, i dunno if its somethin with my processor or what
kirbyedy
@kirbyedy
Apr 21 2017 06:41
might be some malware
Pagnito
@Pagnito
Apr 21 2017 06:41
@kirbyedy my mac became crazy slow a few weeks ago, and i bought an ssd, which made it lightning fast, but this overheating thing is still a problem
Andy
@Andy189
Apr 21 2017 06:41
blob
Pagnito
@Pagnito
Apr 21 2017 06:42
@kirbyedy i tried getting onyx and couldnt find anything and i used another malware bytes and still nothing found
kirbyedy
@kirbyedy
Apr 21 2017 06:44
hmmm
Pagnito
@Pagnito
Apr 21 2017 06:44
@kirbyedy i have a intel core i7 2.8 processor too, i dont wanna give up this mac T.T
kirbyedy
@kirbyedy
Apr 21 2017 06:44
I also use the Brave which is similar to chrome, try to see how much memory he is using with same tabs
Pagnito
@Pagnito
Apr 21 2017 06:45
@kirbyedy hmm never heard of brave
kirbyedy
@kirbyedy
Apr 21 2017 06:45
@Andy189 yes, now you just style it in the css
Andy
@Andy189
Apr 21 2017 06:46
</>How can be in one line
Pagnito
@Pagnito
Apr 21 2017 06:47
@kirbyedy swee thnx ill check it out
CamperBot
@camperbot
Apr 21 2017 06:47
pagnito sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 2030 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
Pagnito
@Pagnito
Apr 21 2017 06:48
@kirbyedy one more thing, whats ur cpu temp at when u using ur computer
kirbyedy
@kirbyedy
Apr 21 2017 06:49
for me it uses a bit less memory then chrome, but I dont use it for development, just for browsing mail etc
on mac...
Andy
@Andy189
Apr 21 2017 06:49
@kirbyedy thank you
CamperBot
@camperbot
Apr 21 2017 06:49
andy189 sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 2031 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
kirbyedy
@kirbyedy
Apr 21 2017 06:49
where can I see the temp ?
Pagnito
@Pagnito
Apr 21 2017 06:50
@kirbyedy u can download mac fan control
kirbyedy
@kirbyedy
Apr 21 2017 06:50
ah ok, hang on
Screen Shot 2017-04-21 at 09.52.25.png
Bogdan Gatej
@Bogdan2992
Apr 21 2017 06:52
any1 can tell me a good weather api
Bogdan Gatej
@Bogdan2992
Apr 21 2017 06:53
that works on any browser
kirbyedy
@kirbyedy
Apr 21 2017 06:53
@Bogdan2992 darksky, wunderground, apixu...
Pagnito
@Pagnito
Apr 21 2017 06:53
@kirbyedy so ur cpu is at 40f?
Bogdan Gatej
@Bogdan2992
Apr 21 2017 06:53
@kirbyedy and i can add to the api's addres the longitude and latitude from the geolocation code ?
kirbyedy
@kirbyedy
Apr 21 2017 06:54
@Pagnito 40C
not F
Pagnito
@Pagnito
Apr 21 2017 06:54
oh yea lol
kirbyedy
@kirbyedy
Apr 21 2017 06:54
@Bogdan2992 yes, the first two for sure, I worked with those
Pagnito
@Pagnito
Apr 21 2017 06:55
@kirbyedy hmm, mines at 60 and if i go up to 5+ tabs it goes up 70 or 80
kirbyedy
@kirbyedy
Apr 21 2017 06:56
what mac is it exactly
Pagnito
@Pagnito
Apr 21 2017 06:56
@kirbyedy late 2011 macbook pro, 4g ram, 2.8 intel core i7
500sd
ssd
kirbyedy
@kirbyedy
Apr 21 2017 06:56
oh ok, cause I am on imac 4k
Sudeepto
@Sudeepto
Apr 21 2017 06:56
Hello Guys . Can you guys help me give some pointers regarding the Build a Portfolio Page project?? I don't know where to start the project. How to search for templates, how to align the UI components etc. I have good understanding of HTML, CSS and JS but somehow I can't seem to apply them onto a project :worried:
Pagnito
@Pagnito
Apr 21 2017 06:57
@kirbyedy hmm, still, tho, i used to have up to 12 tabs open about 2 months ago and the bottom of mac was still cool
Anjali
@purplefries
Apr 21 2017 06:57
Hi all
Pagnito
@Pagnito
Apr 21 2017 06:57
@kirbyedy like cold cool sometimes
kirbyedy
@kirbyedy
Apr 21 2017 06:58
well normally those cpus should run around 50-55c
on a full load up to 80c if I remember correctly
Anjali
@purplefries
Apr 21 2017 06:58
I am trying to implement a button click,for thr random quote challenge. i get the following error... "Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript."
all files are included. but still the error persists. Pls help
Pagnito
@Pagnito
Apr 21 2017 06:59
@kirbyedy yea that makes sense, mines tho gos up to 110 on full load
kirbyedy
@kirbyedy
Apr 21 2017 06:59
@Sudeepto you can search online for portfolio examples and inspirations and choose one of those, then try to recreate something similar
@Pagnito maybe to try to clean the fans ?
@Pagnito put a new thermal paste ?
just a thought
Pagnito
@Pagnito
Apr 21 2017 07:00
@kirbyedy it randomly started overheatin one day when i would close the laptop, then it started overheating when i would use it, thus i changed to ssd, which helped a ton but i feel the main cause is still at large hehe, yea i did clean the fan when i changed the hard drive
@kirbyedy thermal paste?
kirbyedy
@kirbyedy
Apr 21 2017 07:01
yea the paste that is between the processor and the heat sink
processors heat sink
Pagnito
@Pagnito
Apr 21 2017 07:02
@kirbyedy what doe thermal paste do?
there is the explanation in the first step on the right
Thermal paste is responsible for conducting heat from the processor to the heat sink. Reassembling a computer without applying thermal paste will cause the processor to overheat, resulting in permanent damage.
@anjalimen1 make sure you load the jquery first then bootstrap
Pagnito
@Pagnito
Apr 21 2017 07:06
@kirbyedy interesting thanks
CamperBot
@camperbot
Apr 21 2017 07:06
pagnito sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:warning: pagnito already gave kirbyedy points
Dan Sack
@DanPete
Apr 21 2017 07:15
@Sudeepto I like this website quite a bit to help with bootstrap themes. All open source too. https://startbootstrap.com/template-categories/portfolios/
Bogdan Gatej
@Bogdan2992
Apr 21 2017 07:16
a question,how can I consoole.log (); this lats and lngs
the code is this1
jQuery(document).ready(function(){
    jQuery.get("http://ipinfo.io/202.88.237.138", function (response)
               {
                   var lats = response.loc.split(',')[0]; 
                   var lngs = response.loc.split(',')[1];
                   map = new GMaps({
                       el: '#map',
                       lat: lats, //latitude
                       lng: lngs //longitude
                   });

               }, "jsonp");
});
console.log(lat);
@kirbyedy can you explain me something pls
kirbyedy
@kirbyedy
Apr 21 2017 07:20
why are you using ipinfo ?
use geolocation
Pieter Stokkink
@forkerino
Apr 21 2017 07:51
@Bogdan2992 you can only do that inside your .get callback (the function (response) function).
@Bogdan2992 because it takes time for the info to come back and your code keeps running. So your console.log at the bottom will run before the data is back.
Shalin Doctor
@Shalindoc
Apr 21 2017 08:02
Can someone help me figure out why my code isn't working? I am working on the Weather App challenge.
https://codepen.io/shalindoc/pen/NjxwpP
__mifflin__
@cdrainxv
Apr 21 2017 08:19
Look in your developer console:
Uncaught Error: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript.
    at bootstrap.min.js:6
console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js:1 jQuery.Deferred exception: lat is not defined ReferenceError: lat is not defined
    at getWeather (pen.js:42:20)
    at HTMLDocument.<anonymous> (pen.js:54:3)
    at j (https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js:2:29948)
    at k (https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js:2:30262) undefined
(anonymous) @ console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js:1
jquery.min.js:2 Uncaught ReferenceError: lat is not defined
    at getWeather (pen.js:27)
    at HTMLDocument.<anonymous> (pen.js:39)
    at j (jquery.min.js:2)
    at k (jquery.min.js:2)
alpox
@alpox
Apr 21 2017 09:17
@Shalindoc There are different things.
  1. You define the variables lat and lon in another scope than you use them, so they are not available: Uncaught ReferenceError: lat is not defined
  2. You try to do an ajax call to an URL of another domain without putting http:// or https:// in front of the url, which causes the request to be appended to your current domain. You should add http:// since this is the openweather API which does not support https:// in the free plan.
  3. You cannot use navigator.geolocation.getCurrentPosition together with openweather anymore since navigator.geolocation.getCurrentPosition needs to be executed in a secure connection (https://) whereas this would mean that you'd have to access openweather through https:// too, which, as i said in 2. is not possible for a free plan.
  4. Use another IP Location API like http://ipinfo.io/ to get your position if you want to use openweather. If you instead of changing the location api want to use navigator.geolocation.getCurrentPosition, you have to change from openweather to another weather API, as example https://darksky.net/dev/
Shalin Doctor
@Shalindoc
Apr 21 2017 09:18
@alpox Thanks a lot for the detailed explanations. I will try and implement the things you mentioned.
CamperBot
@camperbot
Apr 21 2017 09:18
shalindoc sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 956 | @alpox |http://www.freecodecamp.com/alpox
alpox
@alpox
Apr 21 2017 09:27
@Bogdan2992
  1. use https://ipinfo.io without the ip.
  2. Your console.log has to be inside of the function(response) {... //here somewhere } since the request is asynchronous.
  3. your variable is called lats and not lat.
Henry
@GitHub-Henry
Apr 21 2017 09:47
@kirbyedy brave stops ads from a set of advertisers and replaces them with another set of advertisers. if you want ad free browsing perhaps consider https://www.slimjet.com/
kirbyedy
@kirbyedy
Apr 21 2017 09:52
@GitHub-Henry really ? did not notice that
I will take a look, thanks
also I read somewhere that chrome is about to be made with adblock integrated
Henry
@GitHub-Henry
Apr 21 2017 09:54
using the chrome extensions to block ads seems to do a good job for me
Henry
@GitHub-Henry
Apr 21 2017 10:10
@kirbyedy ok installed slimjet checked site with ads, compared to chrome with ad removal extensions, chrome was better
uninstalled slimjet
Sexas
@Sexas
Apr 21 2017 10:12
lets say that i have an arra like whatev = [0,2,3,5,6]; and i wanna check if it is part of any of the win combos(in which case its part of the win combo [0, 3, 6] var winCombos = [[0, 1, 2], [3, 4, 5], [6, 7, 8], [0, 3, 6], [1, 4, 7], [2, 5, 8], [0, 4, 8], [2, 4, 6]]; how can i do that?
Branden Ng
@BrandenDaniel
Apr 21 2017 10:12
hey guys i cant seem to change the the bootrap .nav's hover background color. Is there a way i can override the default settings? Cheers
heroiczero
@heroiczero
Apr 21 2017 10:15
@BrandenDaniel have your <style> after you <link> the bootstrap or <link> your css after your bootstrap.css
Branden Ng
@BrandenDaniel
Apr 21 2017 10:17
how do you mean?
heroiczero
@heroiczero
Apr 21 2017 10:19
@BrandenDaniel use background-color: in <style> in your html to override it, if you are doing it in Codepen.
Branden Ng
@BrandenDaniel
Apr 21 2017 10:22
but how about for the hover element
i can change the bg color just fine, but the hover is the issue im having
heroiczero
@heroiczero
Apr 21 2017 10:25
@heroiczero then change the background-color of :hover pseudo-class\
Branden Ng
@BrandenDaniel
Apr 21 2017 10:27
tried that, and doesnt seem to work
heroiczero
@heroiczero
Apr 21 2017 10:28
@BrandenDaniel could you link your codepen.io?
Branden Ng
@BrandenDaniel
Apr 21 2017 10:31
sorry
use this one
that one wasnt updated
Daniël Kroon
@danielkroon
Apr 21 2017 10:33
Is anyone using webpack here? I trying to find a nice tutorial or cookbook to start with webpack and create a nice boilerplate for futher projects. But can’t really find a great tutorial
devpaaji
@devpaaji
Apr 21 2017 10:45
@danielkroon
Trusst Monkey
@TrusstMonkey
Apr 21 2017 10:48
Hey guys!
So; Can the tribute page be about anything or does it have to contain the text of the objectives sample???
Thanks! :)
Czpl
@Czpl
Apr 21 2017 10:55
hey guys
i can't find any weather api that would work with codepen
does something like this even exist anymore?
kirbyedy
@kirbyedy
Apr 21 2017 10:57
@GitHub-Henry :D
worth a try dough :)
Abdul Maajid
@amaajid100
Apr 21 2017 11:04
Build a Personal Portfolio Webpage
can any one help me for this
how can i build?
YozhikM
@YozhikM
Apr 21 2017 11:10
Anyone can say me why hamburger dont work? http://tinyurl.com/mjrhpop
wrong link
in mobile version
Henry
@GitHub-Henry
Apr 21 2017 11:20
did you try 2 all beef patties, special sauce and a sesame seed bun?
@YozhikM
that was a bit of fun, hamburger advert
Czpl
@Czpl
Apr 21 2017 11:21
@YozhikM maybe because its inside '.menu' which has 'display:none'
YozhikM
@YozhikM
Apr 21 2017 11:21
mobile menu
Czpl
@Czpl
Apr 21 2017 11:22
your .mmenu class is inside .menu class
which has display: none on mobile
Henry
@GitHub-Henry
Apr 21 2017 11:25
@YozhikM don't know hamburger menus, but like your design, looks good
Keon Samuel
@keonsam
Apr 21 2017 11:27
can you make the main html tag go in the middle without margin?
YozhikM
@YozhikM
Apr 21 2017 11:28
@GitHub-Henry This is not the final version. Not enough blur for the images. Footer is not customized correctly
AlejoFCC
@AlejoFCC
Apr 21 2017 11:38
hi to everyone! I am trying to disable the 'click' event of in an image but it is not working. I am using on() and off() methods, any idea why it is not working? another method else to try? Thank you!
Czpl
@Czpl
Apr 21 2017 11:40
can you show the code?
it is just a small code trying to solve this situation. I want to activate the 'click' event by a button. the image is white, a cross or a circle. it is for tic tac toe game project.
kirbyedy
@kirbyedy
Apr 21 2017 11:50
@AlejoFCC try with $('yourbutton').attr('disabled', true);
and opposite
AlejoFCC
@AlejoFCC
Apr 21 2017 12:07
ok! thank you @kirbyedy
CamperBot
@camperbot
Apr 21 2017 12:07
alejofcc sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 2033 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
Paradox5
@Paradox5
Apr 21 2017 12:09
panicing
Error 404 pencil not found
PANICING
Its to late for me guys
But if your ever going to do something stupid like i did
make sure you have a pencil
kirbyedy
@kirbyedy
Apr 21 2017 12:16
I have a pen does that count ?
Paradox5
@Paradox5
Apr 21 2017 12:17
Its a writing utencil so yes
Aaron Light
@aaronlightcodes
Apr 21 2017 12:25
hi, can anyone solve CORS problem in angular2?
Czpl
@Czpl
Apr 21 2017 12:25
is it a ~code~ pen? ayy
Kiera
@kieraclarke
Apr 21 2017 12:27
how do i add a text onto a image
Aaron Light
@aaronlightcodes
Apr 21 2017 12:27
Please help me if you could. I am trying for hours.
Paradox5
@Paradox5
Apr 21 2017 12:28
IVE SURVIVED
IT JUST GOES TO SHOW WITH ENOUGH DUMB LUCK ANYTHING IS POSSIBLE
Czpl
@Czpl
Apr 21 2017 12:30
No Access-Control-Allow-Origin header
I have the same problem with weather api i found
Aaron Light
@aaronlightcodes
Apr 21 2017 12:31
@Czpl what problem?
Czpl
@Czpl
Apr 21 2017 12:31
No Access-Control-Allow-Origin header on requested resource
Aaron Light
@aaronlightcodes
Apr 21 2017 12:32
@Czpl could you share it?
Czpl
@Czpl
Apr 21 2017 12:33
check console in your browser
I've deleted my pen alredy
kirbyedy
@kirbyedy
Apr 21 2017 12:34
normally a callback should fix that
which api is it ?
Czpl
@Czpl
Apr 21 2017 12:35
I used dark sky api
kirbyedy
@kirbyedy
Apr 21 2017 12:37
yeah, thats an easy fix, you just add callback=? and it should work
Czpl
@Czpl
Apr 21 2017 12:38
how would you do that with axios in react?
kirbyedy
@kirbyedy
Apr 21 2017 12:38
dont know axios, dont know react :)
Czpl
@Czpl
Apr 21 2017 12:51
oookay i figured it out in jquery
Subramanya Chakravarthy
@chakrihacker
Apr 21 2017 12:52
any React guys?
Keon Samuel
@keonsam
Apr 21 2017 12:54
https://codepen.io/keonsamuel/pen/vmLVym Can anyone give me a quick diagnose of why .boxDim not working?
Czpl
@Czpl
Apr 21 2017 12:56
what do you mean?
its working
Keon Samuel
@keonsam
Apr 21 2017 12:57
it should be 33% width and height box inside the main div.
kirbyedy
@kirbyedy
Apr 21 2017 12:58
what should I be seeing ? I see this:
Czpl
@Czpl
Apr 21 2017 12:58
its 33% of .frist-box
kirbyedy
@kirbyedy
Apr 21 2017 12:58
Screen Shot 2017-04-21 at 15.58.08.png
Keon Samuel
@keonsam
Apr 21 2017 12:58
oh lol
kirbyedy
@kirbyedy
Apr 21 2017 12:58
:D
Keon Samuel
@keonsam
Apr 21 2017 12:58
brup
Robert
@Ashkya
Apr 21 2017 12:59
I
Want
To
Burn
Alive
The
Creator
of
the
Wiki
API!
sorry for these seconds of frustration
kirbyedy
@kirbyedy
Apr 21 2017 12:59
its fine, we all felt the same at some point :D
well at least I did :)
Robert
@Ashkya
Apr 21 2017 13:01
I've been going nuts with it...f'n hell...I refuse to use AJAX calls and getJSON doesn't seem to like me enough today
The calls are right, I don't get any error...but I don't get the expected result either...
gulptech
@gulptech
Apr 21 2017 13:01
man...i am just starting the wiki projects...can't wait ")
kirbyedy
@kirbyedy
Apr 21 2017 13:02
lol
Robert
@Ashkya
Apr 21 2017 13:02
They're a blast !!!
Anyone who completed that bloody Wiki thing, what parameters did you passed to the query? I mean, format, query, titles ?, callback for sure, what else?
i've also seen it done with &generator=search&gsrsearch=something
instead of titles
kirbyedy
@kirbyedy
Apr 21 2017 13:08
action=opensearch
format=json
callback=?
Tom
@moT01
Apr 21 2017 13:17
@Ashkya i played with that for quite a while, ...you can take a look at what i ended up with if you want http://codepen.io/moT01/pen/LRoxrQ
Keon Samuel
@keonsam
Apr 21 2017 13:20
getJSON will work.
the thing about these sites is that they don't explain how to use their api good.
Bas
@Aliaselias
Apr 21 2017 13:24
Anyone that wants to try my new version of the login system?
andoreilly
@andoreilly
Apr 21 2017 13:26
hey guys im building a site to put in my portfolio. here is the link http://codepen.io/0nly/full/ZeOgWd/ im trying to float the <img> to the left and the <p> to the right but i cant mange it. any chance someone can help me ?? thank you
@Aliaselias ill give it a go :)
Keon Samuel
@keonsam
Apr 21 2017 13:34
@Aliaselias did you make that?
Bas
@Aliaselias
Apr 21 2017 13:34
yes
Keon Samuel
@keonsam
Apr 21 2017 13:34
nice with JS or php?
Bas
@Aliaselias
Apr 21 2017 13:34
php
hence the name
uiharu
@uiharu-s
Apr 21 2017 13:43
@Aliaselias email verification for real?
Bas
@Aliaselias
Apr 21 2017 13:44
?
@uiharu-s If you mean the email is actually send, yes you have to verify your account before being able to login.
uiharu
@uiharu-s
Apr 21 2017 13:45
wow you’ve got more than a mockup
sorry for saying that… you’ve got a whole product
:D
Bas
@Aliaselias
Apr 21 2017 13:47
No problem
Well that's what I am aiming for eventually
Keon Samuel
@keonsam
Apr 21 2017 13:49
I need help lol.
https://codepen.io/keonsamuel/pen/vmLVym why the first box go down instead of across?
Bas
@Aliaselias
Apr 21 2017 13:57
what do you mean exactly?
Why it's not filling up the space completely? @keonsam
Keon Samuel
@keonsam
Apr 21 2017 13:58
no the flexbox should be a row.
but is a column.
Bas
@Aliaselias
Apr 21 2017 13:59
because
you do
position: flex
it's display:flex
Let me find you a flexbox tutorial
Keon Samuel
@keonsam
Apr 21 2017 14:00
no
I remembered.
Bas
@Aliaselias
Apr 21 2017 14:00
You should also do flex: 1;
on the .boxDim
Keon Samuel
@keonsam
Apr 21 2017 14:01
I only did the beta yesterday, real fast.
@Aliaselias thanks
CamperBot
@camperbot
Apr 21 2017 14:01
keonsam sends brownie points to @aliaselias :sparkles: :thumbsup: :sparkles:
:cookie: 40 | @aliaselias |http://www.freecodecamp.com/aliaselias
Paradox5
@Paradox5
Apr 21 2017 14:03
Ooh
Do flexbox froggy its fun and simple
Keon Samuel
@keonsam
Apr 21 2017 14:08
who is a frog?
Keon Samuel
@keonsam
Apr 21 2017 14:11
cool
Paradox5
@Paradox5
Apr 21 2017 14:19
Its fun
sennator
@sennator2
Apr 21 2017 14:28

function translatePigLatin(str) {
  var var1,var2;
  if(str[0] === 'a' || str[0] === 'e' || str[0] === 'i' || str[0] === 'o' || str[0] === 'u' ){
    var1 = str.split('');
    var2 = var1.push('a');


    console.log(var2);
  }
  return str;
}

translatePigLatin("algorithm");
Tuyet Nguyen
@Aminblogger
Apr 21 2017 14:28
i wonder that i shoule learn node js or angular ??
sennator
@sennator2
Apr 21 2017 14:28
why is var2 = 10?
i dont get it?
@Aminblogger learn both
:)
Tuyet Nguyen
@Aminblogger
Apr 21 2017 14:30
why? i am following to learn java and so if i learn node js and angular i can have fac up with hard problem or not?
Ken Haduch
@khaduch
Apr 21 2017 14:32
@Aminblogger - do you mean JavaScript? Because Java is a different language altogether. Do you know javascript at all? You should start with the basics because you always need the basics, even if you are using Angular, etc. Unless I misunderstood your question.
Tuyet Nguyen
@Aminblogger
Apr 21 2017 14:34
my idea is that I can learn both Java ( Android) and JS in the same time without troubling or not @khaduch
Bas
@Aliaselias
Apr 21 2017 14:36
You can ofcourse
But it sometimes can be annoying, because of the difference in syntax you might make mistakes.
Tuyet Nguyen
@Aminblogger
Apr 21 2017 14:39
and in your opinion, java or php , js is hardest??
i say that in your thought
Ken Haduch
@khaduch
Apr 21 2017 14:40
@Aminblogger - I would say that it depends a lot on your level of experience. If you have done programming before, you might have a chance because you'll have an understanding of the basic concepts. But the differences in the syntax, as @Aliaselias said, could be a source of problems if you are trying to learn two things at the same time. Possibly it would be best to concentrate on JavaScript first, because there are possibilities of developing apps that will also run on the Android system with some libraries that are available.
gulptech
@gulptech
Apr 21 2017 14:50
@sennator2 what did you expect var2 to be ?
@sennator2 when pushing value into the array it returns the lenght which is why you get 10
bilaal-s
@bilaal-s
Apr 21 2017 14:59
Hello guys, can anyone have a look at this https://repl.it/HTyN and tell me how I can get the array to display as numbers downwards without the scroll bar
Keon Samuel
@keonsam
Apr 21 2017 15:32
anybody know any AI for the tic tac toe game?
Paradox5
@Paradox5
Apr 21 2017 15:47
Tic toc
Keon Samuel
@keonsam
Apr 21 2017 15:50
ok toc tac
Gulsvi
@gulsvi
Apr 21 2017 15:51
@keonsam I saw this one mentioned here yesterday: https://en.wikipedia.org/wiki/Minimax
Also, basic strategy here: https://en.wikipedia.org/wiki/Tic-tac-toe#Strategy
Paradox5
@Paradox5
Apr 21 2017 16:00
Hey
Czpl
@Czpl
Apr 21 2017 16:03
does anyone here use dark sky api and wants to test my weather app? :smile:
Keon Samuel
@keonsam
Apr 21 2017 16:05
the location wrong.
Czpl
@Czpl
Apr 21 2017 16:06
its dummy data
you have to paste api key below and press "get weather" button
as I didn't want to have my api key in public codepen
Keon Samuel
@keonsam
Apr 21 2017 16:08
are you paying for that?
the key?
Czpl
@Czpl
Apr 21 2017 16:09
it has free 1000 calls only
Gulsvi
@gulsvi
Apr 21 2017 16:13
@Czpl It's only showing my timezone, not my city/region
Paradox5
@Paradox5
Apr 21 2017 16:14
1000 free calls
Is that avatar on purpose @SkyCoder01
The creeper look
Gulsvi
@gulsvi
Apr 21 2017 16:15
Yes, not many people notice it
:p
Paradox5
@Paradox5
Apr 21 2017 16:16
Thats quality right there
Czpl
@Czpl
Apr 21 2017 16:16
well im using timezone property from their api so thats not that unexpected ;d
Paradox5
@Paradox5
Apr 21 2017 16:16
Wp
Thanks @Czpl
CamperBot
@camperbot
Apr 21 2017 16:16
paradox5 sends brownie points to @czpl :sparkles: :thumbsup: :sparkles:
:cookie: 127 | @czpl |http://www.freecodecamp.com/czpl
Paradox5
@Paradox5
Apr 21 2017 16:16
127
Neat
Gulsvi
@gulsvi
Apr 21 2017 16:17
@Czpl it's hard to tell if it's my weather though. Timezones cover a very large area
Paradox5
@Paradox5
Apr 21 2017 16:18
Sky are you using ethernet?
Gulsvi
@gulsvi
Apr 21 2017 16:18
Also, you could use skycons with that API and replace your switch statement. The API gives you the icon needed:
  var skycons = new Skycons();
  skycons.add(document.getElementById('icon'), iconCodeFromDarkSkyApi);
Czpl
@Czpl
Apr 21 2017 16:18
well it shows weather according to location from your browser
Gulsvi
@gulsvi
Apr 21 2017 16:18
I have to trust that you have my location correct :)
Paradox5
@Paradox5
Apr 21 2017 16:18
If so
Gulsvi
@gulsvi
Apr 21 2017 16:18
I'm in Canada and it says America/Los Angeles
Paradox5
@Paradox5
Apr 21 2017 16:18
Do me a favor and tell me if this works for you
Gulsvi
@gulsvi
Apr 21 2017 16:19
I assume it would say America/Los Angeles on the west coast of mexico too
Czpl
@Czpl
Apr 21 2017 16:19
i looked for some sensible way to implement icons
chouston3
@chouston3
Apr 21 2017 16:19
I just finished my tribute page. it wasn't so bad but the portfolio page is really intimidating. When making pages like that, is it a good idea to lay down an html framework and then layer other languages on top?
Keon Samuel
@keonsam
Apr 21 2017 16:22
what other languages JS?
or you talking about css?
chouston3
@chouston3
Apr 21 2017 16:22
i just know html, css and jquery
Keon Samuel
@keonsam
Apr 21 2017 16:22
do html first.
Paradox5
@Paradox5
Apr 21 2017 16:22
Then css
Then js thats me anyway
chouston3
@chouston3
Apr 21 2017 16:23
@keonsam @Paradox5 Thanks!
CamperBot
@camperbot
Apr 21 2017 16:23
chouston3 sends brownie points to @keonsam and @paradox5 :sparkles: :thumbsup: :sparkles:
:cookie: 333 | @keonsam |http://www.freecodecamp.com/keonsam
:cookie: 276 | @paradox5 |http://www.freecodecamp.com/paradox5
Paradox5
@Paradox5
Apr 21 2017 16:23
Np
Czpl
@Czpl
Apr 21 2017 16:23
what are those brownie points
Paradox5
@Paradox5
Apr 21 2017 16:23
:)
Brownie points
Czpl
@Czpl
Apr 21 2017 16:23
i want more
Paradox5
@Paradox5
Apr 21 2017 16:23
Ya know for helping people
You also get them for complwting fcc tasks
chouston3
@chouston3
Apr 21 2017 16:23
They are an imaginary currency used to determine how helpful a camper is
Czpl
@Czpl
Apr 21 2017 16:24
neat
Paradox5
@Paradox5
Apr 21 2017 16:25
Neat
chouston3
@chouston3
Apr 21 2017 16:27
can anyone recommend a good resource for using boot strap.
?
Paradox5
@Paradox5
Apr 21 2017 16:27
Like for what everything does
Keon Samuel
@keonsam
Apr 21 2017 16:27
I won't call them currency.
Paradox5
@Paradox5
Apr 21 2017 16:27
Bootstrap docs work well for me
chouston3
@chouston3
Apr 21 2017 16:27
@Paradox5 yeah
Paradox5
@Paradox5
Apr 21 2017 16:27
On the official website
They tell pretty mich what things do and give examples
Keon Samuel
@keonsam
Apr 21 2017 16:28
you guys should try pure css.
Czpl
@Czpl
Apr 21 2017 16:28
soo looks like I need another api for reverse geocoding?
Keon Samuel
@keonsam
Apr 21 2017 16:28
like flexbox etc.
Czpl
@Czpl
Apr 21 2017 16:28
as dark sky doesnt have anything like this it seems
Paradox5
@Paradox5
Apr 21 2017 16:29
Bootstrap buttons
I love the.
M
chouston3
@chouston3
Apr 21 2017 16:29
@Paradox5 I just need a simple list of things and what they do. I don't have all of it in my head yet.
Keon Samuel
@keonsam
Apr 21 2017 16:30
I did this pure css no bootstrap.
Keon Samuel
@keonsam
Apr 21 2017 16:30
responsive as hell
Gulsvi
@gulsvi
Apr 21 2017 16:30
That will give you your city/country
No API key needed
Keon Samuel
@keonsam
Apr 21 2017 16:31
try again.
Paradox5
@Paradox5
Apr 21 2017 16:31
It doesnt work for me
Im on mobile but even on desktop view
Probably need a real mouce and everything
Keon Samuel
@keonsam
Apr 21 2017 16:32
refresh the page I was in the middle of writing some JS.
Jorge
@OrangeKulture
Apr 21 2017 16:33
hey what's happening guys
Paradox5
@Paradox5
Apr 21 2017 16:33
Nothing @keonsam
Hey
@OrangeKulture
How ya doin bae
Jorge
@OrangeKulture
Apr 21 2017 16:38
hahah
im cool, thanks
Pauline
@youarezero
Apr 21 2017 16:38

Hey all! I have a question -- I'm building the tribute page project and my site goes like this:

a first <section> with an img background that fills the viewport. This section contains an anchor link to "know more" that links to <section id="knowmore">

2 questions:

  1. my anchor link CSS seems not being able to be overidden by any other thing I'm getting crazy.
  2. when I "jump" to my section from the anchor link, it seems to "scroll" the inside img background -- how can I disable this?
Gulsvi
@gulsvi
Apr 21 2017 16:39
Hello @OrangeKulture, happy Friday
Jorge
@OrangeKulture
Apr 21 2017 16:39
@SkyCoder01 hey Sky .. same to you !
Gulsvi
@gulsvi
Apr 21 2017 16:39
@youarezero can you share your codepen link?
Jorge
@OrangeKulture
Apr 21 2017 16:39
Friday at last ... altho i went out yesterday, really feeling it today :S
Pauline
@youarezero
Apr 21 2017 16:40
I'm not on codepen cause I hate their editor but wait, I'll put it in there and will send you the link! Thank you @SkyCoder01 <3
CamperBot
@camperbot
Apr 21 2017 16:40
youarezero sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1120 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
Apr 21 2017 16:40
haha :)
Pauline
@youarezero
Apr 21 2017 16:40
Does he deserve cookies yet?
Daniel Romero
@Ranacode
Apr 21 2017 16:40
@youarezero Can u put the codepen here to take a look at your code?
Gulsvi
@gulsvi
Apr 21 2017 16:40
Can't take it back now :p
I'm good for it though lol
Czpl
@Czpl
Apr 21 2017 16:40
@Sky thanks for that api, but how can i add callback=? in jquery
CamperBot
@camperbot
Apr 21 2017 16:41
czpl sends brownie points to @sky :sparkles: :thumbsup: :sparkles:
:warning: @sky's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Czpl
@Czpl
Apr 21 2017 16:41
as it doesnt allow jsonp
Jorge
@OrangeKulture
Apr 21 2017 16:41
yeah .. Sky is even hosting a brownie parteh soon, so we will all have the opportunity to take aloot of brownies then, don't worry
Gulsvi
@gulsvi
Apr 21 2017 16:41
@Czpl No need for callback=? or JSONP with that API
^^ definitely need a callback, just no callback=? at the end
Paradox5
@Paradox5
Apr 21 2017 16:43
Skys hosting a brownie party
Just dont put bananas in the brownie
Im allergic
Thanks @SkyCoder01 lol
CamperBot
@camperbot
Apr 21 2017 16:44
paradox5 sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1121 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Pagnito
@Pagnito
Apr 21 2017 16:45
how nice to wake up and instantly realize that the last problem was just the wrong selector and everthing works again
Paradox5
@Paradox5
Apr 21 2017 16:45
Welcome pag
Jorge
@OrangeKulture
Apr 21 2017 16:46
what was the ip service for the location when geolocation fails?
Czpl
@Czpl
Apr 21 2017 16:46
ok nvm it works ;d
Paradox5
@Paradox5
Apr 21 2017 16:46
blueboy121
@blueboy121
Apr 21 2017 16:46
I am trying to do create a Random Quote Machine but nothing happens when I click the "Get quote" button. Does anyone know what I'm doing wrong? Here is my HTML

<script>
$(document).ready(function(){
$("#get-quote").on("click",function(){
$getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1",function(json){
$("#quote-text").html(json);
});
});
});
</script>

<body>
<h1>Random Quote Selector</h1>
<p>This page shows random quotes everytime you press the button below</p>
<button id="get-quote">Get New Quote</button>
<div id="quote-text"><p>Random Quote</p></div>
</body>

Jorge
@OrangeKulture
Apr 21 2017 16:46
@Paradox5 awesome stuff, yeah that works
@Paradox5 thanks
CamperBot
@camperbot
Apr 21 2017 16:47
orangekulture sends brownie points to @paradox5 :sparkles: :thumbsup: :sparkles:
:cookie: 277 | @paradox5 |http://www.freecodecamp.com/paradox5
Pauline
@youarezero
Apr 21 2017 16:47

@SkyCoder01 @Ranacode here is the codepen: https://codepen.io/youarezero/pen/NjNZjV?editors=0100

I realise that my first section will continue scrolling indefinitely... Like, at a point, my h1 scroll down waaaay after my section 2. Pleaz help merci thank you !

CamperBot
@camperbot
Apr 21 2017 16:47
youarezero sends brownie points to @skycoder01 and @ranacode :sparkles: :thumbsup: :sparkles:
:warning: youarezero already gave skycoder01 points
:cookie: 289 | @ranacode |http://www.freecodecamp.com/ranacode
Pauline
@youarezero
Apr 21 2017 16:47
(and for the first question for the anchor css -- I can change colours but I can't align it to the center or do anything else :( )
Jorge
@OrangeKulture
Apr 21 2017 16:48
omg is that rick?! haha
@youarezero awesome!
Paradox5
@Paradox5
Apr 21 2017 16:48
M-morty
Pauline
@youarezero
Apr 21 2017 16:48
Ahahaha yes a tribute to rick and morty
Jorge
@OrangeKulture
Apr 21 2017 16:48
@Paradox5 ok, you can be morty
Paradox5
@Paradox5
Apr 21 2017 16:48
9 MORE SEASON M-M-MORTY 9 MORE SEASONS
SOON I WILL TASTE THE MCDONALDS SZECHUAN SAUCE
Pauline
@youarezero
Apr 21 2017 16:49
(cause frankly, I don't care about Nelson mandela and the rest) -- hope freecodecamp will be okay with my fake real tribute <3
Jorge
@OrangeKulture
Apr 21 2017 16:49
yeah rick n morty has really taken off ..
Paradox5
@Paradox5
Apr 21 2017 16:49
especially since theres a live action mulan in 2018
God damn it mcdonalds so help me god if you dont bring that sauce back
Lol
Pauline
@youarezero
Apr 21 2017 16:49
I dunno why it took off so much now tbh
Jorge
@OrangeKulture
Apr 21 2017 16:49
i remember when it first came out, wasn't nearly as popular .. when season 2 kicked off, i was surpired a lot more ppl were into it
Pauline
@youarezero
Apr 21 2017 16:49
they put all the episodes on netflix (but maybe they've been there since a long time? I dunno)
Paradox5
@Paradox5
Apr 21 2017 16:49
Its a good show
Keon Samuel
@keonsam
Apr 21 2017 16:50
how do I need to do the get the variable of the box target see my JS
Jorge
@OrangeKulture
Apr 21 2017 16:50
it's definitely ok to have a fake/real tribute .. specially if its for rick n morty
Pauline
@youarezero
Apr 21 2017 16:50
It's a great show, it deserves to become "mainstream" (in the geek area though)
I totally agree with the fake real tribute if it's rick n morty (i could have done it about Roger from american dad too tho)
Jorge
@OrangeKulture
Apr 21 2017 16:50
@youarezero ohh yah .. that's right, tha's why it became so popular, cuz of netflix
Paradox5
@Paradox5
Apr 21 2017 16:50
Ah roger
That nice golden tag
Pauline
@youarezero
Apr 21 2017 16:50
ahahaha
Gulsvi
@gulsvi
Apr 21 2017 16:50

@youarezero <a> tags can't go inside of <button> tags. So, you can change this:

<button class="getdown"><a href="#main">it's time to get schwifty!</a></button>

to:

<a class="getdown" href="#main">it's time to get schwifty!</a>

And then update your CSS:

.getdown {
  color: #BBE0F2;
  display: block;
  text-align: center;
}
Pauline
@youarezero
Apr 21 2017 16:51
Great!
Paradox5
@Paradox5
Apr 21 2017 16:51
Golden tyrd
Dang it
Pauline
@youarezero
Apr 21 2017 16:51
So basically I added the button because I was stuck
but I didn't know about <a class="...">
so that will solve it and boom, I can add a nice a with Rick's hair colour
Gulsvi
@gulsvi
Apr 21 2017 16:51
@youarezero For the last issue - remove fixed from your background settings
Pauline
@youarezero
Apr 21 2017 16:51
and leave nothing?
Jorge
@OrangeKulture
Apr 21 2017 16:51
@keonsam i think your tags are a little bit off
Paradox5
@Paradox5
Apr 21 2017 16:52
Sky remember
No bananas
Pauline
@youarezero
Apr 21 2017 16:52
toda <4
thank you!
Gulsvi
@gulsvi
Apr 21 2017 16:52
:banana:
Paradox5
@Paradox5
Apr 21 2017 16:52
<3
If you put bananas init
Jorge
@OrangeKulture
Apr 21 2017 16:52
@youarezero what is the effect you want to achieve again, sry .. got carried away with the whole rick n morty thing?
Pauline
@youarezero
Apr 21 2017 16:52
thank you all guys! I like that chat already, I'll come back for more fun
Gulsvi
@gulsvi
Apr 21 2017 16:52
You're welcome, I like the tribute lol
Paradox5
@Paradox5
Apr 21 2017 16:52
I have no threat
Pauline
@youarezero
Apr 21 2017 16:52
I think we solved it ahahaha
@OrangeKulture
Jorge
@OrangeKulture
Apr 21 2017 16:53
ahh ok yeah sky told ya .. awesome
Pauline
@youarezero
Apr 21 2017 16:53
yush
Paradox5
@Paradox5
Apr 21 2017 16:53
Im proud of you pauline
Pauline
@youarezero
Apr 21 2017 16:53
Already
It's been a day
Paradox5
@Paradox5
Apr 21 2017 16:53
You get a nice pat on the back
Gulsvi
@gulsvi
Apr 21 2017 16:53
Had to earn my cookie, Jorge
Paradox5
@Paradox5
Apr 21 2017 16:53
Its a star for you now
Sky has transcended cookoes
He is now the star god
BOW BEFORE THE MIGHT
BOWS
Gulsvi
@gulsvi
Apr 21 2017 16:54
:raised_hands:
Keon Samuel
@keonsam
Apr 21 2017 16:55
@SkyCoder01
Paradox5
@Paradox5
Apr 21 2017 16:55
THE LOYALTY
Jorge
@OrangeKulture
Apr 21 2017 16:55
haha yeah .. them cookies are goood
Gulsvi
@gulsvi
Apr 21 2017 16:55
@keonsam
Paradox5
@Paradox5
Apr 21 2017 16:55
i am loyal to you sky
takes a knee
Lol
Keon Samuel
@keonsam
Apr 21 2017 16:55
tell me how I take what is in the variable and target it ?
Paradox5
@Paradox5
Apr 21 2017 16:56
Lmzoo hellforge lmzoo :(
Jorge
@OrangeKulture
Apr 21 2017 16:56
@keonsam u can see it in the console?
Gulsvi
@gulsvi
Apr 21 2017 16:56
@keonsam I haven't done Tic Tac Toe yet
<