These are chat archives for FreeCodeCamp/HelpFrontEnd

18th
Apr 2017
Stinizm
@Stinizm
Apr 18 2017 00:00
@SkyCoder01 wow! you're amazing. Thank you so much!
CamperBot
@camperbot
Apr 18 2017 00:00
stinizm sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1073 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Revanth Penugonda
@revaries
Apr 18 2017 00:00
Guys When developing with Angular js and when using ng route
I am facing XMLHttpRequent Error
Can anyone help to disable that CORS security for local development
Thanks
Stinizm
@Stinizm
Apr 18 2017 00:01
what are brownie points? lol
Gulsvi
@gulsvi
Apr 18 2017 00:01
If you get enough, they give you a free trip to vegas :p
(just kidding)
Stinizm
@Stinizm
Apr 18 2017 00:02
haha.
Gulsvi
@gulsvi
Apr 18 2017 00:02
you get a point for every challenge you complete and every time someone says thanks in chat
Stinizm
@Stinizm
Apr 18 2017 00:02
oh i see.
Gulsvi
@gulsvi
Apr 18 2017 00:02
cbot
CamperBot
@camperbot
Apr 18 2017 00:02
you called?
Gulsvi
@gulsvi
Apr 18 2017 00:03
explain brownie points
CamperBot
@camperbot
Apr 18 2017 00:03

freeCodeCamp Wiki:

:point_right: The freeCodeCamp wiki can be found on our forum.
Please follow the link and search there.
Gulsvi
@gulsvi
Apr 18 2017 00:03
lazy...
Stinizm
@Stinizm
Apr 18 2017 00:03
@SkyCoder01 well, thanks again!
CamperBot
@camperbot
Apr 18 2017 00:03
stinizm sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:warning: stinizm already gave skycoder01 points
Gulsvi
@gulsvi
Apr 18 2017 00:03
No problem!
Good job on the quote machine, by the way @Stinizm
Neil
@NNeil1
Apr 18 2017 00:04
Hey guys hows it going
Nick Danvers
@Ravenor222
Apr 18 2017 00:05
Hey sky, wondering how would I do a dir or 1s? im not sure what those are
Paradox5
@Paradox5
Apr 18 2017 00:05
Im back
Neil
@NNeil1
Apr 18 2017 00:07
If I have three blocks in a row using H1, how would I position them blocks directly centre of screen?
Vinicius Otacilio
@Karumba15
Apr 18 2017 00:07
https://codepen.io/ViniciusOtacilio/pen/ybNjVQ?editors=1100 i having trouble with the grid system... someone can say what is wrong?
Paradox5
@Paradox5
Apr 18 2017 00:07
H1Nthel
H1N1thel
Stinizm
@Stinizm
Apr 18 2017 00:07
@SkyCoder01 Thanks for the compliment!
CamperBot
@camperbot
Apr 18 2017 00:07
stinizm sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:warning: stinizm already gave skycoder01 points
Paradox5
@Paradox5
Apr 18 2017 00:08
Your a great person stinizm
Gulsvi
@gulsvi
Apr 18 2017 00:08
@Ravenor222 It's in a command console, like command prompt on Windows or Terminal on Mac Os
I guess you could screenshot what the directory looks like too
Paradox5
@Paradox5
Apr 18 2017 00:09
L
Jorge
@OrangeKulture
Apr 18 2017 00:09
holy shit , did cbot really left u hanging with the explanation?
hahah
that's a laaaazy bot
Gulsvi
@gulsvi
Apr 18 2017 00:09
I know, might as well just tell me to google it
Nick Danvers
@Ravenor222
Apr 18 2017 00:09
okay ill take a gander on google to make sure, ive just gone and made a new HTML and CSS file thats identical to one that works and some how its not linking, so ill try what youve suggested
Jorge
@OrangeKulture
Apr 18 2017 00:09
yeah .. this is non entertaining for the campers
Paradox5
@Paradox5
Apr 18 2017 00:10
L
Jorge
@OrangeKulture
Apr 18 2017 00:10
cbot
CamperBot
@camperbot
Apr 18 2017 00:10
you called?
Jorge
@OrangeKulture
Apr 18 2017 00:10
initialize self aware process ..
Gulsvi
@gulsvi
Apr 18 2017 00:10
@NMC96 It's hard to say how to center them. Maybe text-align: center on the parent element or margin: auto depends on your code
Paradox5
@Paradox5
Apr 18 2017 00:11
Cbot
CamperBot
@camperbot
Apr 18 2017 00:11
you called?
Paradox5
@Paradox5
Apr 18 2017 00:11
Iniate sexy bot v2
Jorge
@OrangeKulture
Apr 18 2017 00:11
params: &judgementday=false;
Paradox5
@Paradox5
Apr 18 2017 00:11
Initiate*
Neil
@NNeil1
Apr 18 2017 00:11
@SkyCoder01 I didn't mean centre them sorry, I meant move them down the page. I have settled for just using padding for now. I wanted them to always be a fixed %% down the page
example - If I view on my laptop the blocks will be exactly 40% from the top. same for if i visit on my iPad etc.
Gulsvi
@gulsvi
Apr 18 2017 00:12
@NMC96 use margin-top for that. The vh unit can be useful for making sure it's always the same % down the page. 1vh is 1% the height of the screen.
margin-top: 10vh
^^ for example
Neil
@NNeil1
Apr 18 2017 00:12
So margin-top: 10vh would mean 10% down the screen?
Gulsvi
@gulsvi
Apr 18 2017 00:13
Yes
Neil
@NNeil1
Apr 18 2017 00:13
thanks very much @SkyCoder01
CamperBot
@camperbot
Apr 18 2017 00:13
nmc96 sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1074 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
Apr 18 2017 00:13
Hope it helps
Neil
@NNeil1
Apr 18 2017 00:13
I understand now :)
Gulsvi
@gulsvi
Apr 18 2017 00:13
Give it a try before thanking me lol :)
vh and vw units for height and width can be useful though either way
Neil
@NNeil1
Apr 18 2017 00:14
Its working I'm pretty sure, tested it out with zoom then. Will test it out on other browsers soon.
meitarbe
@meitarbe
Apr 18 2017 00:15
Hi guys can someoone please help me with an Ajax problem?
Neil
@NNeil1
Apr 18 2017 00:15
While I'm learning front end I've decided to make a small site with all my notes, with more indepth explanations on click, and links to stack overflow for further explanations
so, a site about learning front-end while learning front end lol
drewwzzy
@drewwzzy
Apr 18 2017 00:17
good day
can someone help me with my tribute page
Jorge
@OrangeKulture
Apr 18 2017 00:17
@NMC96 thats actually really cool ..
@NMC96 u should share it with us once it's done, dude
@drewwzzy hopefully we can
drewwzzy
@drewwzzy
Apr 18 2017 00:19
haha what should I do send my pen link or just my whole code
Jorge
@OrangeKulture
Apr 18 2017 00:20
@drewwzzy well, depends on what the problem seems to be , what's happening? sharing your code is always a good idea, tho
Neil
@NNeil1
Apr 18 2017 00:20
Yeah I'll share it once It's finally done @OrangeKulture . trying to keep myself focused but I keep end up going back to my last project to make changes - https://codepen.io/RPIE3/pen/XRrodd
Gulsvi
@gulsvi
Apr 18 2017 00:21
@meitarbe What's the ajax question?
Jorge
@OrangeKulture
Apr 18 2017 00:21
@NMC96 looks sick dude! awesome job
drewwzzy
@drewwzzy
Apr 18 2017 00:22
well I kinda wanna see where I'm at

<style>
h3 {
font-size : 25px;
}
.smaller-image {
width: 800px;

}

h1 {
font-size : 60px;
}

body {
background-color: rgb(245,245,245);
}

.thick-white-border{
border-color: white;
border-width: 50px;
border-style: solid;
}
.caption-text {
background-color: white;
}
.smaller-text{
font-size : 14px;
font-family : lobster;
}
h4{
font-family : arial;
}
</style>

<div class = "thick-white-border">
<h1 class = "text-center"> Dr. Norman Borlaug </h1>
<h3 class = "text-center"> <i> The man who saved a billion lives </i> </h3>

<img class = " smaller-image image-center "src = "https://c2.staticflickr.com/4/3689/10613180113_fdf7bcd316_b.jpg" </img>
<div class = "text-center caption-text smaller-text "> Dr. Norman Borlaug, third from left, trains biologists in Mexico on how to increase wheat yields - part of his life-long hunger </div>

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

<div class = "silver-background smaller-text">
<ul>
<li> <b>1914 - </b> He was Born in cresco Iowa </li>
<li> <b>1933 -</b> Leaves his family's farm to attend the univeristy of minnesota, thanks to a Depression era program known as the "National Youth Administration" </li>
<li> <b> 1935 -</b> Has to stop school and save up more money. Works in the Civilian Conservation Corps, helping starving Americans. "I saw how food changed them", he said. "All of this left scars on me."</li>
<li> <b> 1937 -</b> Finishes university and takes a job in the US Forestry Service</li>
<li> <b> 1938 - </b> Marries wife of 69 years Margret Gibson. Gets laid off due to budget cuts. Inspired by Elvin Charles Stakman, he returns to school study under Stakman, who teaches him about breeding pest-resistent plants.</li>
<li> <b> 1941 -</b> Tries to enroll in the military after the Pearl Harbor attack, but is rejected. Instead, the military asked his lab to work on waterproof glue, DDT to control malaria, disenfectants, and other applied science.
</li>
<li> <b> 1942 -</b> Receives a Ph.D. in Genetics and Plant Pathology </li>
<li> <b>1944 -</b> Rejects a 100% salary increase from Dupont, leaves behind his pregnant wife, and flies to Mexico to head a new plant pathology program. Over the next 16 years, his team breeds 6,000 different strains of disease resistent wheat - including different varieties for each major climate on Earth </li>
<li> <b> 1945 -</b> Discovers a way to grown wheat twice each season, doubling wheat yields </li>
<li> <b> 1953 - </b> crosses a short, sturdy dwarf breed of wheat with a high-yeidling American breed, creating a strain that responds well to fertalizer. It goes on to provide 95% of Mexico's wheat. </li>
<li> <b> 1962 -</b> Visits Delhi and brings his high-yielding strains of wheat to the Indian subcontinent in time to help mitigate mass starvation due to a rapidly expanding population </li>
<li> <b> 1970 -</b> Wins Nobel Piece Prize
</li>
<li> <b> 1983 - </b> helps seven African countries dramatically increase their maize and sorghum yields
</li>
<li> <b> 1984 -</b> becomes a distinguished professor at Texas A&M University
</li>
<li> <b> 2005 -</b> states "we will have to double the world food supply by 2050." Argues that genetically modified crops are the only way we can meet the demand, as we run out of arable land. Says that GM crops are not inherently dangerous because "we've been genetically modifying plants and animals for a long time. Long before we called it science, people were selecting the best breeds."
</li>
<li> <b> 2009 - </b> dies at the age of 95 </li>
</ul>
</div>

<h4 class = "text-center"> "Borlaug's life and achievement are testimony to the far-reaching contribution that one man's towering intellect, persistence and scientific vision can make to human peace and progress." </h4>
<h4 class = "text-left">
- Indian Prime Minister
</h4>

</div>

drewwzzy
@drewwzzy
Apr 18 2017 00:22
ha should've just sent the link
Fatbacker
@fatbacker
Apr 18 2017 00:22
This is my tribute page. Any comments would be nice.
Neil
@NNeil1
Apr 18 2017 00:23
thanks @OrangeKulture
CamperBot
@camperbot
Apr 18 2017 00:23
nmc96 sends brownie points to @orangekulture :sparkles: :thumbsup: :sparkles:
:cookie: 306 | @orangekulture |http://www.freecodecamp.com/orangekulture
Neil
@NNeil1
Apr 18 2017 00:23
@SkyCoder01 I was wondering, if there any other units can be used on padding-top?
Fatbacker
@fatbacker
Apr 18 2017 00:23
I worked at trying to get Youtube video to fit properly but I got no help on here.
drewwzzy
@drewwzzy
Apr 18 2017 00:23
My page overall dense look as wide as the example
as well as the fonts etc
Nick Danvers
@Ravenor222
Apr 18 2017 00:24
hey guys, what could make it so that my CSS and HTML files link in one folder but not the other?
Pagnito
@Pagnito
Apr 18 2017 00:24
anyone ever play order and chaos on their phone, basically phone version of WoW?
Gulsvi
@gulsvi
Apr 18 2017 00:24
@NMC96 I think vh/vw work on anything that works with pixels
tyl-er
@tyl-er
Apr 18 2017 00:24
Hey guys. I need some help building a carousel. Not sure why my left/right arrows don't work.
https://codepen.io/tyl-er/pen/XRmmEY
Jorge
@OrangeKulture
Apr 18 2017 00:25
@drewwzzy yup share the pen, if you can
Neil
@NNeil1
Apr 18 2017 00:25
@fatbacker your page would be look better with just a normal container instead of fluid btw. what exactly you need help with, I'll try help you
@SkyCoder01 oh cool cheers
Gulsvi
@gulsvi
Apr 18 2017 00:26
@NMC96 I think I misunderstood lol, padding can be used with any of the units listed here: https://www.w3schools.com/cssref/css_units.asp
drewwzzy
@drewwzzy
Apr 18 2017 00:26

<p data-height="265" data-theme-id="0" data-slug-hash="vxOGdm" data-default-tab="html,result" data-user="anicolas" data-embed-version="2" data-pen-title="vxOGdm" class="codepen">See the Pen <a href="https://codepen.io/anicolas/pen/vxOGdm/">vxOGdm</a> by Andrew Nicolas (<a href="http://codepen.io/anicolas">@anicolas</a>) on <a href="http://codepen.io">CodePen</a>.</p>

<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>

nope
sorry how do I share my pen
Jorge
@OrangeKulture
Apr 18 2017 00:27
@drewwzzy just copy/paste the URL
Gulsvi
@gulsvi
Apr 18 2017 00:27
chat automatically expands it
drewwzzy
@drewwzzy
Apr 18 2017 00:27
ohhh copy thanks
Pagnito
@Pagnito
Apr 18 2017 00:28
does anyone know aht language world of warcraft was written in?
Neil
@NNeil1
Apr 18 2017 00:28
@SkyCoder01 I had no idea, I've been using pixels since I started ffs lol
Jorge
@OrangeKulture
Apr 18 2017 00:28
@drewwzzy almost there! u just need to use container to center the content, and probably text-center class on some titles to have them align properly
I would try doing it about someone else too, and giving it your own personal kinda twist or what not ..
drewwzzy
@drewwzzy
Apr 18 2017 00:29
ohhh
Gulsvi
@gulsvi
Apr 18 2017 00:29
lots of them lol :)
drewwzzy
@drewwzzy
Apr 18 2017 00:29
ok I tried to stick to the script but thanks for the words of encouragement
thanks @OrangeKulture
CamperBot
@camperbot
Apr 18 2017 00:29
drewwzzy sends brownie points to @orangekulture :sparkles: :thumbsup: :sparkles:
:cookie: 307 | @orangekulture |http://www.freecodecamp.com/orangekulture
Gulsvi
@gulsvi
Apr 18 2017 00:30
@Pagnito Orcish ? :)
Pagnito
@Pagnito
Apr 18 2017 00:30
@SkyCoder01 lol
Jorge
@OrangeKulture
Apr 18 2017 00:30
@drewwzzy sure thing!
Pagnito
@Pagnito
Apr 18 2017 00:32
@SkyCoder01 just looked it up, seems to be mostly c++
Neil
@NNeil1
Apr 18 2017 00:32
anywhere I can put in height x width for a return of pixels?
tyl-er
@tyl-er
Apr 18 2017 00:39
I need help with incrementing. I have a carousel that runs automatically. I want to click a button to move forward or go back one slide, but it's not working. https://codepen.io/tyl-er/pen/XRmmEY?editors=1010
@SkyCoder01 ?
Gulsvi
@gulsvi
Apr 18 2017 00:42
@tyl-er I've only used the bootstrap slider, haven't tried to create one from scratch yet
tyl-er
@tyl-er
Apr 18 2017 00:42
@SkyCoder01 no prob
Gulsvi
@gulsvi
Apr 18 2017 00:42
With jQuery though, you can use .index() and .prev() / .next() to cycle through elements
Jorge
@OrangeKulture
Apr 18 2017 00:43
@tyl-er you should use nth:child selectors for that
Gulsvi
@gulsvi
Apr 18 2017 00:44
I made this earlier today... finally finished it: https://codepen.io/skycoder/pen/bWdaNY?editors=0010
more practice projects
I'd like to do it in pure JS but can't seem to figure out a good way to animate the height changes
And want to get rid of the easing plugin...but it was fun to build anyway
Neil
@NNeil1
Apr 18 2017 00:45
looks brilliant @SkyCoder01 well done :)
Jorge
@OrangeKulture
Apr 18 2017 00:46
@tyl-er u could also do active classes with css and combine with .prev() .next() jquery methods
Pagnito
@Pagnito
Apr 18 2017 00:46
@SkyCoder01 hey u ever had the issue of content fuckig up at the breakin point itself, everything is perfect above 576 and below 576 but at 576 its kind of jumbled up
Gulsvi
@gulsvi
Apr 18 2017 00:46
@NMC96 Thanks! :)
CamperBot
@camperbot
Apr 18 2017 00:46
skycoder01 sends brownie points to @nmc96 :sparkles: :thumbsup: :sparkles:
:cookie: 131 | @nmc96 |http://www.freecodecamp.com/nmc96
Jorge
@OrangeKulture
Apr 18 2017 00:46
@SkyCoder01 yeah definitely looks good!
Gulsvi
@gulsvi
Apr 18 2017 00:47
@Pagnito You sure you aren't missing a >= somewhere?
Thanks @OrangeKulture! Maybe it will go in my portfolio if I ever finish that lol
CamperBot
@camperbot
Apr 18 2017 00:47
skycoder01 sends brownie points to @orangekulture :sparkles: :thumbsup: :sparkles:
:cookie: 308 | @orangekulture |http://www.freecodecamp.com/orangekulture
Pagnito
@Pagnito
Apr 18 2017 00:48
@SkyCoder01 nop, i put them in and still got the problem T>T
T.T
Jorge
@OrangeKulture
Apr 18 2017 00:48
uggh portfolio ... i know , i havent done that project myself
drewwzzy
@drewwzzy
Apr 18 2017 00:57
question how do I expand the width of the body
Jorge
@OrangeKulture
Apr 18 2017 00:59
this wikipedia API, dude .. it's pissing me off to no end
@drewwzzy how do you mean?
you can use the width: Xpx; property, but it all depends on what you want to do
Neil
@NNeil1
Apr 18 2017 01:03
I think I just found the perfect image to explain css - http://s.codepen.io/RPIE3/debug/MmaKGx/xnMabdvVWZgr
Jorge
@OrangeKulture
Apr 18 2017 01:03
hey guys quick one, can't remember off the top of my head
u know toLowerCase toUpperCase .. which was the one for capitalization of every word
Neil
@NNeil1
Apr 18 2017 01:04
text-transform
text-transform: uppercase;
Jorge
@OrangeKulture
Apr 18 2017 01:05
yeah, was wondering about a built in ...
i guess i can change it after
Neil
@NNeil1
Apr 18 2017 01:06
what you mean a built in
Jorge
@OrangeKulture
Apr 18 2017 01:06
like a built in method to JS
u know like toUpperCase();
Jorge
@OrangeKulture
Apr 18 2017 01:11
@NMC96 thanks , yeah exactly .. was wondering if there's a similar method but to capitalize the first letter
CamperBot
@camperbot
Apr 18 2017 01:11
orangekulture sends brownie points to @nmc96 :sparkles: :thumbsup: :sparkles:
:cookie: 132 | @nmc96 |http://www.freecodecamp.com/nmc96
Jorge
@OrangeKulture
Apr 18 2017 01:12
i guess we did a challenge on that, so maybe not .. hmm dunno, cant remember
Neil
@NNeil1
Apr 18 2017 01:14
maybe don't use javascript and just use p:first-letter { text-transform: uppercase;}
same for h etc.
Jorge
@OrangeKulture
Apr 18 2017 01:16
ohh yeah thats actually a good idea! @NMC96 thanks!
CamperBot
@camperbot
Apr 18 2017 01:16
orangekulture sends brownie points to @nmc96 :sparkles: :thumbsup: :sparkles:
:warning: orangekulture already gave nmc96 points
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:16
@SkyCoder01 hey
Jorge
@OrangeKulture
Apr 18 2017 01:16
got one more ... any of you guys familiar with the eval() method
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:17
@SkyCoder01 you on?
I have this error in browser console I do not know how to fix it
And "all" button return nothing
Jorge
@OrangeKulture
Apr 18 2017 01:21
is codepen down?
lol
Nick Danvers
@Ravenor222
Apr 18 2017 01:21
oh lord
2 hours of searching and its as simple as moving one little thing >.<
Neil
@NNeil1
Apr 18 2017 01:22
I think codepen is down yes lmao
Jorge
@OrangeKulture
Apr 18 2017 01:23
maybe its back now
nope ..
Neil
@NNeil1
Apr 18 2017 01:23
This website is under heavy load (queue full)

We're sorry, too many people are accessing this website at the same time. We're working on this problem. Please try again later.
Jorge
@OrangeKulture
Apr 18 2017 01:24
Codepen devs : "fckng campers ..." :anger: :anger: :anger:
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:24
@OrangeKulture wait
Codepen is down?
So that is why...
Gulsvi
@gulsvi
Apr 18 2017 01:24
Hey Saboor, back now
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:24
Hey
Paradox5
@Paradox5
Apr 18 2017 01:24
Hey sky
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:24
I thought I had a problem but codepen is down..
Jorge
@OrangeKulture
Apr 18 2017 01:24
yeah it's down .. sucks tremendously
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:25
@SkyCoder01 but can you take a look at my JS code?
Well never mind codepen is down lol
Gulsvi
@gulsvi
Apr 18 2017 01:25
Not until you stop your DoS attack on Codepen ;)
Paradox5
@Paradox5
Apr 18 2017 01:25
bur
Codepen
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:25
Cant even save it
Paradox5
@Paradox5
Apr 18 2017 01:25
WHY
WHO DID THIS
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:25
I did
Paradox5
@Paradox5
Apr 18 2017 01:25
IL GET MY REVENGE
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:25
Not until you stop your DoS attack on Codepen ;)
See?
ericoda
@ericoda
Apr 18 2017 01:25
code pen is not working...
Jorge
@OrangeKulture
Apr 18 2017 01:25
@MathematicsCoding stop saving your pen so much! dammit
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:25
Why?
I only change the background that it :p
Paradox5
@Paradox5
Apr 18 2017 01:26
MY PEN
Gulsvi
@gulsvi
Apr 18 2017 01:26
Your JavaScript is too powerful
Paradox5
@Paradox5
Apr 18 2017 01:26
IT WASENT SAVED
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:26
lol
Paradox5
@Paradox5
Apr 18 2017 01:26
IT WASENT SAVEEEEEEEDDDDDDD
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:26
@Paradox5 Just copy the code and save it for later
To somewhere
Paradox5
@Paradox5
Apr 18 2017 01:26
oh
Its back up
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:26
Your IDE or other link idk
Paradox5
@Paradox5
Apr 18 2017 01:26
Sweet
Neil
@NNeil1
Apr 18 2017 01:26
back up
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:26
really?
ericoda
@ericoda
Apr 18 2017 01:26
what's going on
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:26
Codepen was down
Neil
@NNeil1
Apr 18 2017 01:26
back down ffs
ericoda
@ericoda
Apr 18 2017 01:26
sb is attacking codepen?
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:27
sb?
Neil
@NNeil1
Apr 18 2017 01:27
sb?
Paradox5
@Paradox5
Apr 18 2017 01:27
Saboor
Sb
ericoda
@ericoda
Apr 18 2017 01:27
somebody?
Jorge
@OrangeKulture
Apr 18 2017 01:27
sb = @MathematicsCoding
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:27
Oh
Welp
Jorge
@OrangeKulture
Apr 18 2017 01:27
haha j/k .. dunno whats up
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:27
Yea
Thought it was me..
Did you see my JS code?
Jorge
@OrangeKulture
Apr 18 2017 01:27
u guys wanna go check out the real world for a while?
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:27
Lol
Paradox5
@Paradox5
Apr 18 2017 01:27
What
Ive been chained to my desk coding
ericoda
@ericoda
Apr 18 2017 01:28
what the heck, i just planning my exercise today
Paradox5
@Paradox5
Apr 18 2017 01:28
What is the real world
all i see is binary
Nick Danvers
@Ravenor222
Apr 18 2017 01:28
lol
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:28
@Paradox5 Good one
Paradox5
@Paradox5
Apr 18 2017 01:28
No shapes no pictures
Jorge
@OrangeKulture
Apr 18 2017 01:28
neo? is that you ?
Paradox5
@Paradox5
Apr 18 2017 01:28
I recognizd the patterns
But all i see is numbets
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:28
Lol
Paradox5
@Paradox5
Apr 18 2017 01:28
thats why i cang sepell well
Jorge
@OrangeKulture
Apr 18 2017 01:28
@ericoda tough lucj my friend .. altho it should be back momentarily
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:28
So if you see binary everywhere how can you read this?
The english
Paradox5
@Paradox5
Apr 18 2017 01:29
I can translate binary in my head
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:29
Ah
Paradox5
@Paradox5
Apr 18 2017 01:29
Duh
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:29
01001010100110101001
Paradox5
@Paradox5
Apr 18 2017 01:29
Wait
Those are letters
Whats happening
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:29
..
Paradox5
@Paradox5
Apr 18 2017 01:29
Their in a language i dont understand
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:29
Opposite
Lol
Paradox5
@Paradox5
Apr 18 2017 01:29
God is speaking to me
I SEE THE TRUTH
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:29
So whats binary for "lol"
??
Paradox5
@Paradox5
Apr 18 2017 01:29
GOD IS.....dies
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:30
@Paradox5 how are you?
How old are you*
Paradox5
@Paradox5
Apr 18 2017 01:30
Hey guys whats up
Im nee to coding
Im hoping to learn alot
Neil
@NNeil1
Apr 18 2017 01:30
welcome @Paradox5
Paradox5
@Paradox5
Apr 18 2017 01:30
I look forward to everyones support
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:30
We're sorry, too many people are accessing this website at the same time. We're working on this problem. Please try again later.
Codepen's message
Paradox5
@Paradox5
Apr 18 2017 01:30
Thanks @NMC96
CamperBot
@camperbot
Apr 18 2017 01:30
paradox5 sends brownie points to @nmc96 :sparkles: :thumbsup: :sparkles:
:cookie: 133 | @nmc96 |http://www.freecodecamp.com/nmc96
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:30
about @Paradox5
CamperBot
@camperbot
Apr 18 2017 01:30
:cookie: 271 | @paradox5 |http://www.freecodecamp.com/paradox5
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:30
You are not new..
Paradox5
@Paradox5
Apr 18 2017 01:31
Yes i am first time chatting
Neil
@NNeil1
Apr 18 2017 01:31
yes he is
Paradox5
@Paradox5
Apr 18 2017 01:31
I hope to learn more coding for you all
From*
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:31
Hm
Paradox5
@Paradox5
Apr 18 2017 01:31
Sorry i feel a bit dazed lately
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:31
Why do you have 271 cookies?
Paradox5
@Paradox5
Apr 18 2017 01:31
Whatever im sure a dr pepper will make me feel bettrler
Neil
@NNeil1
Apr 18 2017 01:31
He was fast doing the challenges :)
Paradox5
@Paradox5
Apr 18 2017 01:31
And i said i wanted to learn more
Im new to chatting
Not coding
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:32
Ooo
I hope to learn more coding for you all
You sure?
Paradox5
@Paradox5
Apr 18 2017 01:32
From*
Yea
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:32
Ah
Paradox5
@Paradox5
Apr 18 2017 01:32
Expand on my knowledge
"Learn more coding"
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:32
Im nee to coding
Yeah?
Paradox5
@Paradox5
Apr 18 2017 01:32
Yea
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:32
new to coding?
Paradox5
@Paradox5
Apr 18 2017 01:32
Im taking a knee to your coding skills
Your all superior
I hope to learn from you
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:33
Rip codepen
I wonder what quincy is doing with codepne
codepen*
Paradox5
@Paradox5
Apr 18 2017 01:33
Who kbows
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:33
"The hell? This will have a huge impact of fCC"
Paradox5
@Paradox5
Apr 18 2017 01:34
We will never code again
ericoda
@ericoda
Apr 18 2017 01:34
i can also ask question, no matter codepen is recovered or not, right?
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:34
Yeah sure
Paradox5
@Paradox5
Apr 18 2017 01:34
Of course
I will do my best to answer
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:34
Question have nothing to do with codepen..
Paradox5
@Paradox5
Apr 18 2017 01:34
I like you saboor
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:34
:p
Paradox5
@Paradox5
Apr 18 2017 01:34
We could be good friends one of these days
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:34
Maybe :)
ericoda
@ericoda
Apr 18 2017 01:35
how to make an img in the center, cause i am doing the first project. i cant remember too many elements in short time.
Paradox5
@Paradox5
Apr 18 2017 01:35
Mdn
Is your new bff
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:36
body {background-image: url('...');
background-position: cover;}
Paradox5
@Paradox5
Apr 18 2017 01:36
And
Margin: 0 auto
Display: block
Saboor Malik
@MathematicsCoding
Apr 18 2017 01:36
You want the background image to be fit?
Paradox5
@Paradox5
Apr 18 2017 01:36
On the img
That centers it
ericoda
@ericoda
Apr 18 2017 01:37
one moment, let me describe it more clearly
Paradox5
@Paradox5
Apr 18 2017 01:38
And mr.saboor
CODEPEN
IS OFFICALLY BACK UP
ericoda
@ericoda
Apr 18 2017 01:40
there's and gray color background that contains a text, and a picture just right below the text. all 3 elements are in the center. i have 2 question, 1. how to make a pure grey color element ? 2. how to keep the image in the center horizontally.
i am doing this exercise
Paradox5
@Paradox5
Apr 18 2017 01:42
I REPEAT
CODEPEN IS OFFICIALLY BACK UP
I REPEAT
CLOSEPEN IS OFFICIALLY BACK UP
ericoda
@ericoda
Apr 18 2017 01:42
cheked, and codepen is really working.
Paradox5
@Paradox5
Apr 18 2017 01:42
um eri
Could you do ne a favor
ericoda
@ericoda
Apr 18 2017 01:43
yes?
Paradox5
@Paradox5
Apr 18 2017 01:43
Im sorry
But
Im obsessed with worthless internet points
Could you thank me
Lol
I have 2000000000 reddit karma
ericoda
@ericoda
Apr 18 2017 01:44
@Paradox5 thanks
CamperBot
@camperbot
Apr 18 2017 01:44
ericoda sends brownie points to @paradox5 :sparkles: :thumbsup: :sparkles:
:cookie: 272 | @paradox5 |http://www.freecodecamp.com/paradox5
Paradox5
@Paradox5
Apr 18 2017 01:44
Thanks baby
ericoda
@ericoda
Apr 18 2017 01:44
like this?
Paradox5
@Paradox5
Apr 18 2017 01:44
Yep
ericoda
@ericoda
Apr 18 2017 01:44
i dont know much rules in this community, sory
Paradox5
@Paradox5
Apr 18 2017 01:44
I LOVE YOU
Benjamin
@XenoCoding
Apr 18 2017 01:48
@Paradox5 thanks
CamperBot
@camperbot
Apr 18 2017 01:48
xenocoding sends brownie points to @paradox5 :sparkles: :thumbsup: :sparkles:
:cookie: 273 | @paradox5 |http://www.freecodecamp.com/paradox5
Neil
@NNeil1
Apr 18 2017 02:03
I'm trying to make my text hover over my image, but how would I get the position I need to place the text?
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:07
YES
Paradox5
@Paradox5
Apr 18 2017 02:08
Saboor
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:08
@XenoCoding What are you working on
Yes @Paradox5
Paradox5
@Paradox5
Apr 18 2017 02:08
Are you happy that codepen is back
Benjamin
@XenoCoding
Apr 18 2017 02:09
@MathematicsCoding Twtich API
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:09
SAme
Benjamin
@XenoCoding
Apr 18 2017 02:09
It isn't working :(
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:09
Add jQuery to JS setting
Always to check your browser setting
It says $ is not defined so meaning you forgot to add jQuery to JS setting
Benjamin
@XenoCoding
Apr 18 2017 02:10
!!!!!!!!!!!!!!!
lmao
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:10
lol
Benjamin
@XenoCoding
Apr 18 2017 02:10
2nd time i did that
I added boostrap by accident
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:10
lol
Benjamin
@XenoCoding
Apr 18 2017 02:11
I thought I checked to see if I had jQuery added. When I saw the CSS link I automatically thought it was jQuery
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:11
xD
still nothing show up in console
Benjamin
@XenoCoding
Apr 18 2017 02:11
@MathematicsCoding ...still isn't working though...
lol
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:12
yeah
Check my
Benjamin
@XenoCoding
Apr 18 2017 02:12
the link is working
Benjamin
@XenoCoding
Apr 18 2017 02:12
ight
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:13
@XenoCoding remember I told you I might get 200 views for my weather app?
195 views :p
Benjamin
@XenoCoding
Apr 18 2017 02:13
@MathematicsCoding almost there
...I'm in idiot....
...look at my code...
I've told you this before
My problems have the easiest fixes
$("document").ready(function(){
...
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:15
LOL
The quote
I didnt see it
Benjamin
@XenoCoding
Apr 18 2017 02:15
...
wth was i thinking
oh well
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:16
even if it was not there you would have to add jQuery :p
Benjamin
@XenoCoding
Apr 18 2017 02:16
It's working now. xD
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:16
xD
Benjamin
@XenoCoding
Apr 18 2017 02:16
@MathematicsCoding yea I know
"I FOUND THE BUG!"
...dang it...
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:16
:p
I wish browser console would tell us that..
Benjamin
@XenoCoding
Apr 18 2017 02:16
You find a bug, I find a bug :punch:
lol yea
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:16
"Hey you have that quote there:
Benjamin
@XenoCoding
Apr 18 2017 02:17
lol
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:17
Would be useful
Benjamin
@XenoCoding
Apr 18 2017 02:17
back to work i guess
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:17
Alright Gl
Benjamin
@XenoCoding
Apr 18 2017 02:17
same
Saboor Malik
@MathematicsCoding
Apr 18 2017 02:21
Have anyone here done twitch tv project?
I have this problem... Its a error in browser console
Jeremy Adams
@JeremyDAdams
Apr 18 2017 02:39
I have a question, I am working on the personal portfolio project early on in the course and I am wondering what elements I should use to divide up the page like they have it here. https://codepen.io/freeCodeCamp/full/YqLyXB I am not peeking at the code, more just want a general point in the right direction that I can work on from there. I am guessing maybe panels?
Benjamin
@XenoCoding
Apr 18 2017 02:40
<div class="className">your code here</div> @Beoron
@Beoron divs are most often used for dividing up sections of the page
Jeremy Adams
@JeremyDAdams
Apr 18 2017 02:41
@XenoCoding oh yeah, I know to use divs. I guess element was the wrong word. Just not sure what class to make the divs and googling has not been super fruitful
Benjamin
@XenoCoding
Apr 18 2017 02:43
@Beoron You can make them whatever class you want. Try to make the class names related to the div's section, and just be sure to use the same name in your css.
@Beoron Here's the link to my portfolio. Feel free to see how I used the divs to break up my page. http://codepen.io/XenoCoder/pen/oYwjwP
Jeremy Adams
@JeremyDAdams
Apr 18 2017 02:47
@XenoCoding yeah, I am just wondering where to start with bootstrap classes tomake those block type areas
@XenoCoding thanksi will check that out
Benjamin
@XenoCoding
Apr 18 2017 02:47
@MathematicsCoding I'm not seeing an error in the console?
@Beoron If you want to use boostrap to divide your page up into columns, here's a link. http://blog.jetstrap.com/2013/08/bootstrap-3-grids-explained/ I highly recommend this, since it makes your webpage responsive.
Jeremy Adams
@JeremyDAdams
Apr 18 2017 02:51
@XenoCoding Ah that's helpful. I went through the bootstrap stuff on fcc a few days ago but don't remember it all.
Benjamin
@XenoCoding
Apr 18 2017 02:52
@Beoron Yea, I also had to take a review. :P
Ken Haduch
@khaduch
Apr 18 2017 02:55
@Beoron - one thing to make sure of, using CodePen (if you are) is that the quick adds for Bootstrap now load Bootstrap V4, so if you are trying to use the information from the freeCodeCamp lessons, you need to fall back to bootstrap V3 - you can use the URL for the CSS : https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css and if you are using bootstrap.js, use this: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js. If you are going to stick with V4, then you have to look at the changes.
Paradox5
@Paradox5
Apr 18 2017 02:58
So
Ken Haduch
@khaduch
Apr 18 2017 02:58
@Beoron - another helpful site, at least I found it helpful, is the w3schools.com/bootstrap lessons and information, especially the walk-through that they give in the "Themes" section - they go through the design and implementation of a few different pages. Again, using Bootstrap V3, but I think I would stick with that as long as you are basing your work on the FreeCodeCamp lessons.
Paradox5
@Paradox5
Apr 18 2017 02:58
Give me a crash course of js in text only
Time starts noe
Jeremy Adams
@JeremyDAdams
Apr 18 2017 02:59
@khaduch Huh that's good to know. You'd think they would mention that in FCC somewhere, since they tell you to quick add bootstrap which I assume is v3. Has Bootstrap changed a lot?
Ken Haduch
@khaduch
Apr 18 2017 03:01
@Beoron - yes, there have been significant changes. They have a documentation page, but I'd say stick with V3. The documentation is here: https://v4-alpha.getbootstrap.com/migration/ - Bootstrap V3 V4 Migration, if you're curious.
Jeremy Adams
@JeremyDAdams
Apr 18 2017 03:02
@khaduch Thank you, I will take a look at that. Is this correct to call bootstrap? <link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
CamperBot
@camperbot
Apr 18 2017 03:02
beoron sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 2749 | @khaduch |http://www.freecodecamp.com/khaduch
Ken Haduch
@khaduch
Apr 18 2017 03:03
@Beoron - if you're using CodePen, just put the URL in the CSS Config panel "External" modules section. If you want to see the resulting link for the page, look at the source of the rendered page. But your link looks good, except perhaps for spacing between the "stylesheet" and the "href="? But for CodePen, you should definitely use the config panel for CSS libs and any JS libs also should be in the JS config panel.
Jeremy Adams
@JeremyDAdams
Apr 18 2017 03:05
Ah gotcha, I see what you mean.
Ken Haduch
@khaduch
Apr 18 2017 03:07
@Paradox5 - read the Wikipedia article?
Saboor Malik
@MathematicsCoding
Apr 18 2017 03:17
@XenoCoding Yea I realized that was old error
@XenoCoding You know the url with streams in it?
this?
Omid Heravi
@omidv28
Apr 18 2017 03:32
https://codepen.io/omidv28/pen/BRNmmL?editors=0111 can anyone please provide any feedback on how and why wont my jquery/ajax code wont work? anything would be much appreciated
Khoa Le
@Zacele
Apr 18 2017 03:33
hi guys
currently I'm stuck at the 1st project
I want to add the caption to the thumbnal and below the image
but using div.caption.text-center doen't help at all, the caption keep fallout of the thumbnail
very frustrating
Ken Haduch
@khaduch
Apr 18 2017 03:34
@omidv28 - it looks like there is an error in the JS code? Also, your weatherURL should have the http:// on the front of it, otherwise it will not work. And you will have to load the page using http:// or it will not load the non-secure http:// weather page.
Khoa Le
@Zacele
Apr 18 2017 03:35
blob
Burak
@BurakAy
Apr 18 2017 03:36
@Zacele are you using bootstrap?
Gulsvi
@gulsvi
Apr 18 2017 03:37
oops nvm, didn't see Ken's response above :p he saw more than me
Khoa Le
@Zacele
Apr 18 2017 03:37
of course
here my pen
Omid Heravi
@omidv28
Apr 18 2017 03:40
@BurakAy @khaduch Woah thanks guys, i fixed those errors you guys both mentioned, gave it a try and was able to get both longitude and latitudes but still cant manage to get the weather api to work :/
CamperBot
@camperbot
Apr 18 2017 03:40
omidv28 sends brownie points to @burakay and @khaduch :sparkles: :thumbsup: :sparkles:
:cookie: 307 | @burakay |http://www.freecodecamp.com/burakay
:star2: 2750 | @khaduch |http://www.freecodecamp.com/khaduch
Gulsvi
@gulsvi
Apr 18 2017 03:43
@Zacele Codepen started adding a new version of bootstrap that we haven't learned yet in Free Code Camp. Click Settings -> CSS and replace the link to bootstrap with the one we learned: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
Or, if you prefer, you could get started learning Bootstrap 4 and use their Figures and Cards:
https://v4-alpha.getbootstrap.com/content/figures/#content
https://v4-alpha.getbootstrap.com/components/card/#image-caps
Burak
@BurakAy
Apr 18 2017 03:46
@SkyCoder01 thanks for the info, wasn't aware
CamperBot
@camperbot
Apr 18 2017 03:46
burakay sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1076 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
Apr 18 2017 03:48
No problem - sorry to step in there too :)
Khoa Le
@Zacele
Apr 18 2017 03:48
@SkyCoder01 thank you sir
CamperBot
@camperbot
Apr 18 2017 03:48
zacele sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1077 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Burak
@BurakAy
Apr 18 2017 03:48
I was looking at the code and everything looked fine
looking at the new documentation now
Gulsvi
@gulsvi
Apr 18 2017 03:49
Those settings changes are hard to debug
Benjamin
@XenoCoding
Apr 18 2017 03:49
Could somebody take a look at my code? I'm having trouble with API calls and for loops... https://codepen.io/XenoCoder/pen/GmJyVd?editors=0010
Gulsvi
@gulsvi
Apr 18 2017 03:51
@XenoCoding This is a good link that explains the issue you're running into: http://stackoverflow.com/questions/13343340/calling-an-asynchronous-function-within-a-for-loop-in-javascript
Basically, calling async functions in a for loop can cause problems :grimacing: but a quick fix might be to change the var in your for loop to a let
Ken Haduch
@khaduch
Apr 18 2017 03:52
@omidv28 - for starters, you have to make sure to load your codepen page using http:// instead of https:// because if you don't, you'll get a mixed-content error. After that, you still have some other error, but at least you will get a response from the weather site. You probably are not accessing the weather data correctly, I haven't checked that yet. The error appears to be that you are trying to console.log(data.weather.main) and that doesn't exist. There are a lot of different properties and values in the data, you have to carefully study the object that is returned to get the proper incantation of the parts of the object you are looking for.
Benjamin
@XenoCoding
Apr 18 2017 03:53
@SkyCoder01 Thanks for the link! I'll let you know if I figure things out.
CamperBot
@camperbot
Apr 18 2017 03:53
xenocoding sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1078 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Omid Heravi
@omidv28
Apr 18 2017 03:54
@khaduch oh okay, i see now, it worked now but it returned 'undefined' instead
Ken Haduch
@khaduch
Apr 18 2017 03:55
@omidv28 - if you just use data.weather you will see that part of the information output to the console.
Omid Heravi
@omidv28
Apr 18 2017 03:56
@khaduch omg thanks again, everything works perfectly now :thumbsup:
CamperBot
@camperbot
Apr 18 2017 03:56
omidv28 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:warning: omidv28 already gave khaduch points
Ken Haduch
@khaduch
Apr 18 2017 03:59
@omidv28 - you're welcome - you should be on your way to figuring out the object. They probably have a formatted version of it on the weather API description page - or you can use codebeautify.org to get a "pretty print" version of the data. Good luck!
john94
@lpy1994
Apr 18 2017 04:01
````
function towerBuilder(nFloors) {
  // build here
  var arr = [];
  var board = "" ;

 for (var line = 0; line < nFloors; line++){

   arr.push("*")
  }
  return arr;
}
console.log(towerBuilder(3));

/*å\
challenge: build tower.

1. find the right order to producing stars.
2. how to plug in spaces into each element.

for example, a tower of 3 floors looks like below

[
  '  *  ', 
  ' *** ', 
  '*****'
]
and a tower of 6 floors looks like below

[
  '     *     ', 
  '    ***    ', 
  '   *****   ', 
  '  *******  ', 
  ' ********* ', 
  '***********'
]

*/
need help on this build tower challenge
Benjamin
@XenoCoding
Apr 18 2017 04:04
@SkyCoder01 The let i = 0; ... solution almost worked, but for some reason it was logging the numbers in the wrong order??
Gulsvi
@gulsvi
Apr 18 2017 04:06
@XenoCoding This is where you can see how async code works. One of your console.log(i) does it in the correct order, but the other does not:
0
1
2
3
4
5
6
0
5
6
3
1
4
2
So, all 7 getJSON calls are made (in order) and then they comeback whenever the server wants to give them to you
Benjamin
@XenoCoding
Apr 18 2017 04:06
@SkyCoder01 correct
Gulsvi
@gulsvi
Apr 18 2017 04:07
That's expected, unfortunately. It's like opening up 7 web pages at once - each tab in your browser will finish loading at a different time
Benjamin
@XenoCoding
Apr 18 2017 04:07
I kind of understood the concept of using the list.forEach method, but the parameters were confusing me.
Gulsvi
@gulsvi
Apr 18 2017 04:08
That would give you the same results as using let as far as numbers showing up in different order
Benjamin
@XenoCoding
Apr 18 2017 04:08
@SkyCoder01 hmmm...
Gulsvi
@gulsvi
Apr 18 2017 04:08
TL:DR nothing is wrong with your code
Benjamin
@XenoCoding
Apr 18 2017 04:09
@SkyCoder01 I guess I will have to find a different way of approaching this then.
Gulsvi
@gulsvi
Apr 18 2017 04:10
@XenoCoding Well, if you really want it to come back in order, create a div with the user name as an ID above your getJSON. Inside your getJSON, look up that <div> and .append() the html you want
Not sure if that makes sense...
Benjamin
@XenoCoding
Apr 18 2017 04:12
@SkyCoder01 So I would have to create a div for every username?
Gulsvi
@gulsvi
Apr 18 2017 04:12
Yes, do that above your getJSON call (where console.log(i) is working in the correct order)
Benjamin
@XenoCoding
Apr 18 2017 04:13
@SkyCoder01 And then it won't matter in which order the API calls fill them in
Gulsvi
@gulsvi
Apr 18 2017 04:13
Exactly. Inside your getJSON call, look up $('#' + streamers[i]) and .append() the html you want for them - it will already be created in the order of your array
Benjamin
@XenoCoding
Apr 18 2017 04:14
This sounds great. In the end, then, the let var i... will still help me out.
Gulsvi
@gulsvi
Apr 18 2017 04:15
Yeah, let will be enough. If you get some time though, practice around with forEach() - it's a useful method
not necessary for your Twitch app though
Benjamin
@XenoCoding
Apr 18 2017 04:15
Sounds great. Thanks!
Gulsvi
@gulsvi
Apr 18 2017 04:16
Yeah, no problem!
bob hardy
@hardybee
Apr 18 2017 04:16
Hi campers! I need a hint... i'm working on the portfolio project and i cannot figure out why my navigation bar is not showing up. What are common reasons?
Gulsvi
@gulsvi
Apr 18 2017 04:16
Hadn't ever thought of logging i before and inside the getJSON - your code kinda gave me an idea
@hardybee Most common reason is the version of bootstrap that gets added via the Quick-Add menu in Codepen. They updated it recently to a version of bootstrap we haven't learned yet in Free Code Camp
We learned version 3.3, but they have version 4.alpha 6 in codepen now
bob hardy
@hardybee
Apr 18 2017 04:19
@SkyCoder01 thanks - i thought it must have been something like that...
CamperBot
@camperbot
Apr 18 2017 04:19
hardybee sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1079 | @skycoder01 |http://www.freecodecamp.com/skycoder01
bob hardy
@hardybee
Apr 18 2017 04:27
@SkyCoder01 hmmm... i am using a quick add link to 3.3.7 for bootstrap.js
Omer Eldar
@eldaromer
Apr 18 2017 04:29
Hi, so I'm using angular and had a question. I am using $routeProvider and need help figuring out the code for a special scenario. When a certain url is visited with a route parameter, I want to redirect it to another location but keep the route param. For example:
.when('/:id', {
redirectTo:"/api/Converter/:id"
})
But I don't know how to access the route parameter from within the route configuration
bob hardy
@hardybee
Apr 18 2017 04:33
@SkyCoder01 progress! thanks again for the heads up!
CamperBot
@camperbot
Apr 18 2017 04:33
hardybee sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:warning: hardybee already gave skycoder01 points
Benjamin
@XenoCoding
Apr 18 2017 04:44
@SkyCoder01 Your solution works perfectly.
I wanted to approach the list of streamers this way so that I can easily modify my array of streamers. I wanted users to be able to add their favorite streamers onto the list so they could see the streamer's info.
Saboor Malik
@MathematicsCoding
Apr 18 2017 04:49
@SkyCoder01
Can you take a look at my JS code?
Saboor Malik
@MathematicsCoding
Apr 18 2017 04:57
@XenoCoding Do you know whats wrong with my JS code..
Benjamin
@XenoCoding
Apr 18 2017 04:58
@MathematicsCoding I'm looking at it now...
Saboor Malik
@MathematicsCoding
Apr 18 2017 04:58
Ok...
Benjamin
@XenoCoding
Apr 18 2017 05:01
@MathematicsCoding I haven't fixed it yet, but I did notice that your channels link should have channels at the end
  • not channel
Saboor Malik
@MathematicsCoding
Apr 18 2017 05:01
oh
I saw your url and have channel in it..
But im testing with streams url
I guess i read it incorrectly
Pagnito
@Pagnito
Apr 18 2017 05:02
damn, went and spent like half hour putting in comments to make it understandable, and fckd something up, and now dont know what it is T.T
Saboor Malik
@MathematicsCoding
Apr 18 2017 05:03
lol
Pagnito
@Pagnito
Apr 18 2017 05:03
and i was about to submit too
Benjamin
@XenoCoding
Apr 18 2017 05:06
@MathematicsCoding I'm scratching my head on this one. Everything is working fine, except the API call...
...which looks completely fine to me
Saboor Malik
@MathematicsCoding
Apr 18 2017 05:08
Yeah exactly
$(".streams").html(JSON.stringify(json));
Is it wrong?
like JSON.stringify..
Sigh...
What the hell is wrong with my code
Benjamin
@XenoCoding
Apr 18 2017 05:10
I don't know if it's wrong, but it's not affecting the API called. I commented that section out, and then logged json to the console...even though nothing showed up
Saboor Malik
@MathematicsCoding
Apr 18 2017 05:11
Yea..
Am I supposed to have data inside ()?
Benjamin
@XenoCoding
Apr 18 2017 05:11
whenever I get this stuck, I make a forum post. someone always has an answer
Saboor Malik
@MathematicsCoding
Apr 18 2017 05:11
data instead of json?
Benjamin
@XenoCoding
Apr 18 2017 05:11
I tried data...
Saboor Malik
@MathematicsCoding
Apr 18 2017 05:11
oh..
Ok Imagine channel and streams works
How would I do it with offline?
Jorge
@OrangeKulture
Apr 18 2017 05:12
whats happening guys
Saboor Malik
@MathematicsCoding
Apr 18 2017 05:12
Whats the url for offline?
Benjamin
@XenoCoding
Apr 18 2017 05:13
Make a forum post with a link to your codepen. Then put the link to your forum post in all relevant chatrooms, so it gets more attention.
Saboor Malik
@MathematicsCoding
Apr 18 2017 05:13
Alright
Benjamin
@XenoCoding
Apr 18 2017 05:13
@MathematicsCoding I'm pretty sure you can't make API calls offline
Saboor Malik
@MathematicsCoding
Apr 18 2017 05:13
Yeah...
So the one with streams show up with online right?
Show users that are online only
Jorge
@OrangeKulture
Apr 18 2017 05:15
@MathematicsCoding y so serious dude?
u miss sky?
Saboor Malik
@MathematicsCoding
Apr 18 2017 05:16
Like this
streamsUrl+'users'
Why would I miss sky lol
Jorge
@OrangeKulture
Apr 18 2017 05:16
joking around .. im kinda bored
Saboor Malik
@MathematicsCoding
Apr 18 2017 05:16
@XenoCoding Can I change both json to data?
Would they work same way?
Jorge
@OrangeKulture
Apr 18 2017 05:16
what time zone are you in?
Saboor Malik
@MathematicsCoding
Apr 18 2017 05:17
PST
Jorge
@OrangeKulture
Apr 18 2017 05:17
ahh ok
Benjamin
@XenoCoding
Apr 18 2017 05:17
@MathematicsCoding yea
Saboor Malik
@MathematicsCoding
Apr 18 2017 05:17
Okay
Benjamin
@XenoCoding
Apr 18 2017 05:17
I prefer to use data
Saboor Malik
@MathematicsCoding
Apr 18 2017 05:17
Ok
So does it matter the name?
Like afgaa lol
Does it matter.. because of function() so I can create any name?
Whatever I will just use data instead
Sigh I will figure out this problem.. I have no idea why this code isnt working
I gtg to bed
Neil
@NNeil1
Apr 18 2017 05:26
analysis the code on your codepen
will tell you if there is a fault
Yogesh
@YogeshPrasanna
Apr 18 2017 05:27
Hey guys check out my tribute page , and let me know your feedback / any improvements .http://codepen.io/yogi15/full/aJgpML/
Neil
@NNeil1
Apr 18 2017 05:27
is there anything specifically bad about having sliding hover text over a gif?
sudip chhetri
@SudipChhetri
Apr 18 2017 05:31
hey anyone there to help me to solve pomodoro clock
Pagnito
@Pagnito
Apr 18 2017 06:12
is there sometihng wrong with codepen? my if statements work half the time and half the time they dont, how the fck is that even possible?
damn dont let me find out tomrrow, that the whole time my code was fine...and that codepen crash is still fckn somethingg up
i do hope that what i find out tho lol
kirbyedy
@kirbyedy
Apr 18 2017 06:25
@Pagnito can we see your code ?
Pagnito
@Pagnito
Apr 18 2017 06:26
hold on
te trouble im having with is at lines 525 or so...witt minus function
im off my computer atm so the line number might b a lil off
Baraka Ashery
@Yeguza
Apr 18 2017 06:28
@YogeshPrasanna the mainwindow is very small i can read well,what if you will make it the full screen?
Pagnito
@Pagnito
Apr 18 2017 06:29
it was workin perfect...i dunno what happened...i changed a bunxh of things ftom how it was originally but it should still work the if statement checckin if the id of item and checkd item r same
suddenly it stsrted removibg aaall tbe elements as if all ids are the same
i just checkedit again...and now even my dropdown arent workin
which i didnt even touch
kirbyedy
@kirbyedy
Apr 18 2017 06:34
hmmm removes everything
Pagnito
@Pagnito
Apr 18 2017 06:34
right ...thats not supposed gappen
happen*
How come my online and offline buttons aren't working?
Pagnito
@Pagnito
Apr 18 2017 06:36
ima have a hard time going to sleep.
@XenoCoding i think there might b somethin wrong with codepen...i cant look at ur code in
kirbyedy
@kirbyedy
Apr 18 2017 06:36
@Pagnito now it loads only 5 users
should be 10
Benjamin
@XenoCoding
Apr 18 2017 06:37
@Pagnito Click Edit on Codepen on the top right corner.
Pagnito
@Pagnito
Apr 18 2017 06:38
@XenoCoding im on cell phone i mean...its a pain lol
i got too frustrated with codepen...i need to cool off lol
@XenoCoding why what will clickin on edit do?
Benjamin
@XenoCoding
Apr 18 2017 06:39
@Pagnito Oh that's a pain lol
@Pagnito It should open it in codepen
Pagnito
@Pagnito
Apr 18 2017 06:40
@XenoCoding did u find out y ur buttons arent workn?
Benjamin
@XenoCoding
Apr 18 2017 06:41
@Pagnito no
h1tag
@h1tag
Apr 18 2017 06:41
@Pagnito it's showing 10 channels for me in the "All" section
Pagnito
@Pagnito
Apr 18 2017 06:41
@fortMaximus it should...czu theres ten in my array
h1tag
@h1tag
Apr 18 2017 06:42
I like the unique design too :+1:
Pagnito
@Pagnito
Apr 18 2017 06:42
@fortMaximus tho i cant figure out why it trashes all the streamers when the if statement clearly says only ones that match chexked parent id
@fortMaximus thanks hehe
CamperBot
@camperbot
Apr 18 2017 06:43
pagnito sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 727 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
Pagnito
@Pagnito
Apr 18 2017 06:44
@fortMaximus at first the if statement sisnt work at all then it started worki g half the time...like how the fck is that possible...then it just started going thru the loop and trashin everything as if all ids are the same
h1tag
@h1tag
Apr 18 2017 06:44
you mean when clicking the "minus" button?
Pagnito
@Pagnito
Apr 18 2017 06:44
yea
i think i know actually what im doing wrong, hold on
my if statements seem to be contradicing each other in a few ways which wasnt a problem before, i dunno y it is not, but i guess gotta deal with it
Yogesh
@YogeshPrasanna
Apr 18 2017 06:52
@Yeguza i did not get , what you're trying to tell , can you elaborate pleasse
Pagnito
@Pagnito
Apr 18 2017 06:52
nop wtf, my if statements are working half the time again, hooooow is that possible!!
YozhikM
@YozhikM
Apr 18 2017 06:56
May I take Flexbox Grid and use it only for creation of a grid?
Rionangelfire
@Rionangelfire
Apr 18 2017 06:59
Hellow World
I need help using the codepen
getting started at least
h1tag
@h1tag
Apr 18 2017 07:00
@Rionangelfire what's the problem?
brucem1976
@brucem1976
Apr 18 2017 07:00
so i've hit the tribute page project - going fairly well - however, it seems the version of bootstrap used in the example is different from the version we add in codepen - anyone else had problems?
Pagnito
@Pagnito
Apr 18 2017 07:00
@brucem1976 i thnk u gotta go to v4 alpha bootstrap site to see the changes
Rionangelfire
@Rionangelfire
Apr 18 2017 07:01
I dont know how to start
h1tag
@h1tag
Apr 18 2017 07:02
@Rionangelfire did you signup?
Rionangelfire
@Rionangelfire
Apr 18 2017 07:02
yes
h1tag
@h1tag
Apr 18 2017 07:03
there's a "create" at the top right of the page
Rionangelfire
@Rionangelfire
Apr 18 2017 07:03
ok did that backed out of page now cant return
h1tag
@h1tag
Apr 18 2017 07:03
I don't understand
Pagnito
@Pagnito
Apr 18 2017 07:04
@brucem1976 plus it doesnt rly matter, u can use w/e framework u want, u dont have to use bootstrap
Rionangelfire
@Rionangelfire
Apr 18 2017 07:04
the website says ive already created my limit today
Pagnito
@Pagnito
Apr 18 2017 07:04
@brucem1976 or not use a framework at all
h1tag
@h1tag
Apr 18 2017 07:05
@Rionangelfire did u choose "new pen" or "new project"?
Rionangelfire
@Rionangelfire
Apr 18 2017 07:05
project
brucem1976
@brucem1976
Apr 18 2017 07:05
@Pagnito thanks but the point of the project is to use bootstrap to lay out the page
CamperBot
@camperbot
Apr 18 2017 07:05
brucem1976 sends brownie points to @pagnito :sparkles: :thumbsup: :sparkles:
:cookie: 210 | @pagnito |http://www.freecodecamp.com/pagnito
h1tag
@h1tag
Apr 18 2017 07:06
yea, free accounts are limited to one project but pens are unlimited @Rionangelfire
Rionangelfire
@Rionangelfire
Apr 18 2017 07:08
thank you ive found the tutorial. So am I just to make a tribute page to whatever I want
h1tag
@h1tag
Apr 18 2017 07:09
yes
Pagnito
@Pagnito
Apr 18 2017 07:09
@brucem1976 no not really, i think, they say in the video, u can use w/e u want
@Pagnito tho since bootstrap is so popular, u might as well hehe
brucem1976
@brucem1976
Apr 18 2017 07:10
@Pagnito ok cool thanks. gonna go bootstrap as I am brand new to frontend, and it's what all the lessons taught
CamperBot
@camperbot
Apr 18 2017 07:10
brucem1976 sends brownie points to @pagnito :sparkles: :thumbsup: :sparkles:
:warning: brucem1976 already gave pagnito points
Rionangelfire
@Rionangelfire
Apr 18 2017 07:11
so just start using the code how large does it have to be? just using what Ive learned
Pagnito
@Pagnito
Apr 18 2017 07:11
@brucem1976 i feelz, np
h1tag
@h1tag
Apr 18 2017 07:16
@Rionangelfire you can use whatever libraries or frameworks u want
Rionangelfire
@Rionangelfire
Apr 18 2017 07:21
what do you mean frameworks or libraries
I mean I could just copy and paste a code but change the pictuers and website?
h1tag
@h1tag
Apr 18 2017 07:21
nope
Rionangelfire
@Rionangelfire
Apr 18 2017 07:22
lol
h1tag
@h1tag
Apr 18 2017 07:22
a framework is like Bootstrap
Rionangelfire
@Rionangelfire
Apr 18 2017 07:22
ok
h1tag
@h1tag
Apr 18 2017 07:22
and a library, like jQuery
did u watch the video on the project instructions page? if yes, then go watch it again
Rionangelfire
@Rionangelfire
Apr 18 2017 07:24
ok
ok watched it again
h1tag
@h1tag
Apr 18 2017 07:36
@Rionangelfire do you have any questions?
Rionangelfire
@Rionangelfire
Apr 18 2017 07:42
Just once I complete it and type it into the submit then what?
h1tag
@h1tag
Apr 18 2017 07:44
yea, you type the url to the pen and submit it and go to the next challenge
Rionangelfire
@Rionangelfire
Apr 18 2017 07:45
i mean it wont be judged or seen if correct ?
Rionangelfire
@Rionangelfire
Apr 18 2017 07:55
im not asking about integrity. just wanted to know
the next one looks ferocious
h1tag
@h1tag
Apr 18 2017 08:03
"I pledge that I did not plagiarize any of my Free Code Camp work. I understand that Free Code Camp’s team will audit my projects to confirm this."
Rionangelfire
@Rionangelfire
Apr 18 2017 08:05
Yes thank you i just finished reading it again.
Vivekanand Padala
@VivekanandPadala
Apr 18 2017 08:09

Please help me... Cannot use ids for navigation. <body>

<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">

<ul class="nav nav-pills">
<li><a href="#Home">Home</a></li>
<li><a href="#About">About</a></li>
<li> <a href="#Portfolio">Portfolio</a> </li>
<li> <a href="#Achievements">Achievements</a> </li>
<li> <a href="#Contact">Contact</a> </li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid">
<img class="center-block img-responsive img-circle" src="https://s20.postimg.org/o3jtyy1q5/Viv.jpg" alt="Vivekanand Padala" width="250px" height="225px">
<h1 class="text-center" id="Home">Vivekanand Padala</h1>
<h4 class="text-center">Freelance Front-end Web Developer</h4>
<p class="nav-pills navbar-default text-center" id="About">About Me:</p>
<br>
<p> Hi! I am Vivekanand Padala, a freelance front-end web developer based in India.</p </div>
</body>

Robert Arifin
@renkachan
Apr 18 2017 08:44
anyone here? want ask about positioning of image and a
h1tag
@h1tag
Apr 18 2017 08:46
@renkachan what's the question?
Robert Arifin
@renkachan
Apr 18 2017 08:48
@fortMaximus this is my code pen
i want to center the icon, but i failed to do so. Did i make mistake for that?
SaiChand Duppala
@saichandd
Apr 18 2017 09:11
@renkachan Add line-height : 80px; which is same as parent elements height
iso
@iso1048
Apr 18 2017 09:13
Could someone help me out please? Does the getCurrentPosition method need to be within the document ready function? Why/Why not?
alpox
@alpox
Apr 18 2017 09:18
@gothamknight I would say not - but in codepen the document.ready is executed at almost the same time as if not using document.ready since the scripts are added at the end of the document.
getCurrentPosition just retrieves your actual position so it doesn't matter where you do it.
It would matter if you want to execute code in its callback which has to be executed after the DOM is loaded though.
iso
@iso1048
Apr 18 2017 09:27
@alpox sorry i'm not the most competent learner coder. What is DOM? Are you saying that it is probably best to keep the getCurrPosi method within document.ready if I want the getCurrPosi method to change html text?
Robert Arifin
@renkachan
Apr 18 2017 09:31
@theNuclearman thanks ! it works, wanna ask about this line-height, it is used to determine the space between element, right? why it can be used to make center of element ?
alpox
@alpox
Apr 18 2017 09:43
@gothamknight getCurrentPosition itself doesn't change anything. But after its done, it fires a callback - which is a function which is executed after it got the data back. You usually execute your code in there. But if you want this code to manipulate the HTML, this cannot work before the HTML you want to manipulate is loaded.
This HTML will be loaded after the document.ready fired.
SaiChand Duppala
@saichandd
Apr 18 2017 09:44
@renkachan if you didn't set line height, the line height is taken as image height. So vertical-alight is wrt to center of image itself, So it doesnt make any change. line-height sets the minimum height of that span element. Read this https://developer.mozilla.org/en/docs/Web/CSS/line-height
I'd recommend using table for these kinds of things.
iso
@iso1048
Apr 18 2017 09:45
@alpox ok i think i get it. Thanks.
CamperBot
@camperbot
Apr 18 2017 09:45
gothamknight sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 941 | @alpox |http://www.freecodecamp.com/alpox
Keon Samuel
@keonsam
Apr 18 2017 09:59
how do I make the calculator button?
do I have to make a ton of buttons or what?
Keon Samuel
@keonsam
Apr 18 2017 10:05
@SkyCoder01
Jack Lyons
@JackEdwardLyons
Apr 18 2017 10:37
@keonsam maybe think about a loop to create the buttons 0 - 9
something like this will give you an array of numbers 1 to 9
let nums = Array( (9 - 1) + 1 )
      .fill()
      .map( (item, index) => 1 + index )
@keonsam
generally the zero button takes up more space at the bottom
nums = [1, 2, 3, 4, 5, 6, 7, 8, 9]
Keon Samuel
@keonsam
Apr 18 2017 10:40
@JackEdwardLyons Cool I will look into that, thanks.
CamperBot
@camperbot
Apr 18 2017 10:40
keonsam sends brownie points to @jackedwardlyons :sparkles: :thumbsup: :sparkles:
:cookie: 353 | @jackedwardlyons |http://www.freecodecamp.com/jackedwardlyons
Nelson Aguiar
@nelsonnn97
Apr 18 2017 10:42
can anyone help me with this little project im doing? the problem its the dropdown menu from the first navbar
it goes behind the second one, no ideia why
Webtasarim70
@Webtasarim70
Apr 18 2017 10:49
hi look pls, image not responsive. why? https://codepen.io/emrex/pen/xdwXVE
heroiczero
@heroiczero
Apr 18 2017 10:52
@Webtasarim70 your using bootstrap 4.0, need to use 3.0 to use img-responsive. In 4.0, I think it is img-fluid
Webtasarim70
@Webtasarim70
Apr 18 2017 10:53
.resim {
display:block;
max-width:100%;
height:auto;
}
Webtasarim70
@Webtasarim70
Apr 18 2017 10:59
ok now, run ;)
sudip chhetri
@SudipChhetri
Apr 18 2017 11:00
hey is there any one to help me to pause promodo clock
heroiczero
@heroiczero
Apr 18 2017 11:00
@Webtasarim70 nicely done :+1:
sudip chhetri
@SudipChhetri
Apr 18 2017 11:01
what is the javascript code to pause promodo clock
Júlio Barreto
@juliobguedes
Apr 18 2017 11:02
Hey guys, im starting jQuery here and got stuck, can anyone help?
blob
alpox
@alpox
Apr 18 2017 11:02
@juliobguedes You should have a ; at the end
Júlio Barreto
@juliobguedes
Apr 18 2017 11:03
oh, thanks @alpox !
CamperBot
@camperbot
Apr 18 2017 11:03
juliobguedes sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 942 | @alpox |http://www.freecodecamp.com/alpox
Júlio Barreto
@juliobguedes
Apr 18 2017 11:03
not quite sure yet where i should our shouldnt put ";"
Bogdan
@oblanao
Apr 18 2017 11:04
Hello! I am currently working on the Wikipedia Viewer project. Does anyone have any solution to parse the "extract" return from the API Call? I get a text full of HTML and WikiCode by using the default API call
where parsedSearchTerm is the text from the input, of course
alpox
@alpox
Apr 18 2017 11:05
@juliobguedes Always at the end of a statement. So in this case its at the end of the whole expression:
$(document).ready(function() { ... }); // <--- here
Júlio Barreto
@juliobguedes
Apr 18 2017 11:07
i realize that, but i'm still slow about using in jQuery and not using in HTML/CSS
thanks again!
heroiczero
@heroiczero
Apr 18 2017 11:09
@oblanao "http://en.wikipedia.org/w/api.php?action=query&format=json&list=search&callback=JSON_callback&srsearch="+ input that is my wiki url
Bogdan
@oblanao
Apr 18 2017 11:10
@heroiczero I tried your URL and you have a "snippet" with nonparsed text
'"snippet": ""<span class=\"searchmatch\">Einstein</span>" redirects here. For other uses, see <span class=\"searchmatch\">Albert</span> <span class=\"searchmatch\">Einstein</span> (disambiguation) and <span class=\"searchmatch\">Einstein</span> (disambiguation). <span class=\"searchmatch\">Albert</span> <span class=\"searchmatch\">Einstein</span> (/\u02c8a\u026ansta\u026an/; German: [\u02c8alb\u025b\u0250\u032ft",'
Bogdan
@oblanao
Apr 18 2017 11:29
Solved it with the snippet. Thanks @heroiczero
CamperBot
@camperbot
Apr 18 2017 11:29
oblanao sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1157 | @heroiczero |http://www.freecodecamp.com/heroiczero
Paradox5
@Paradox5
Apr 18 2017 11:35
Thanks @Hereshk for being such a valued member of the community
CamperBot
@camperbot
Apr 18 2017 11:35
paradox5 sends brownie points to @hereshk :sparkles: :thumbsup: :sparkles:
:cookie: 286 | @hereshk |http://www.freecodecamp.com/hereshk
Paradox5
@Paradox5
Apr 18 2017 11:35
Ahhh
I sent it to the wrong person
Thanks @heroiczero fof the reasons above
CamperBot
@camperbot
Apr 18 2017 11:35
paradox5 sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1158 | @heroiczero |http://www.freecodecamp.com/heroiczero
Webtasarim70
@Webtasarim70
Apr 18 2017 11:41

@heroiczero

@Webtasarim70 your using bootstrap 4.0, need to use 3.0 to use img-responsive. In 4.0, I think it is img-fluid thanks @heroiczero

CamperBot
@camperbot
Apr 18 2017 11:41
webtasarim70 sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1159 | @heroiczero |http://www.freecodecamp.com/heroiczero
Bogdan
@oblanao
Apr 18 2017 11:51
Hi guys, finished the Wikipedia Viewer project. If you have the time, please take a look here: https://codepen.io/oblanao/full/VbvbZb/ . Any feedback welcome, thanks!
Robert Arifin
@renkachan
Apr 18 2017 11:54
guys , if i want to use ajax for twitch api, is this wrong ? "https://wind-bow.gomix.me/twitch-api/streams/ESL_SC2?callback=?"
seems not working for me
Keon Samuel
@keonsam
Apr 18 2017 11:56
hello guys and gals, how do I make the output screen on the calculator app?
Rionangelfire
@Rionangelfire
Apr 18 2017 12:12
Hello World I think Ive finished my tribute page will someone check it out?
Bogdan
@oblanao
Apr 18 2017 12:13
@Rionangelfire please verify your email address to allow full page view
Rionangelfire
@Rionangelfire
Apr 18 2017 12:14
have i done it correctly? a picture and website
Bogdan
@oblanao
Apr 18 2017 12:14
@Rionangelfire yes you've fullfilled the user stories, but you could work on the looks of the page, for example try to center the content
Keon Samuel
@keonsam
Apr 18 2017 12:14
no
You were suppose to make a design like the example page.
Rionangelfire
@Rionangelfire
Apr 18 2017 12:15
Well I understand I how to spice it up, so I should, or does it matter?
Keon Samuel
@keonsam
Apr 18 2017 12:15
@Rionangelfire
Bogdan
@oblanao
Apr 18 2017 12:16
@Rionangelfire for starters, I can see that you used Bootstrap classes like "text-center" but you didn't include Boostrap in your project
Rionangelfire
@Rionangelfire
Apr 18 2017 12:16
haha because I dont know how really
Bogdan
@oblanao
Apr 18 2017 12:16
open CSS settings by clicking the small wheel just before the "CSS" text
and quick-add Bootstrap
Rionangelfire
@Rionangelfire
Apr 18 2017 12:17
thank you
should I include more
Ken Haduch
@khaduch
Apr 18 2017 12:22
@Rionangelfire - you are using bootstrap V4 but the CSS classes that you are using are from bootstrap v3. Use this URL instead of the "quick add" that CodePen offers, they updated to the newest version, which has many differences. Load this one instead: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css. Take that <style> section out of your HTML panel. You have a class .smaller-image, but in the HTML you have this: <img class="smaller-imager" - a slight typo in the class name and you need an equal sign there.
Ken Haduch
@khaduch
Apr 18 2017 12:30
@Rionangelfire - also, if you take the .smaller-image class that you declared and remove the margin setting, and add the center-block class to your image, it will center that. <img class="smaller-image center-block"
Rionangelfire
@Rionangelfire
Apr 18 2017 12:31
thank you @khaduch
CamperBot
@camperbot
Apr 18 2017 12:31
rionangelfire sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 2751 | @khaduch |http://www.freecodecamp.com/khaduch
Bogdan
@oblanao
Apr 18 2017 12:33
any feedback on my Wikipedia Viewer? https://codepen.io/oblanao/full/VbvbZb/ I'd like to submit the project, thanks!
Rionangelfire
@Rionangelfire
Apr 18 2017 12:34
I love it
Ken Haduch
@khaduch
Apr 18 2017 12:34
@oblanao - very nice implementation of the wikipedia search. One thing that I would suggest - if your search does not find anything, it would be helpful to put a message on the screen to indicate that? But I like it!
Bogdan
@oblanao
Apr 18 2017 12:35
@khaduch thank you, will implement!
CamperBot
@camperbot
Apr 18 2017 12:35
oblanao sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 2752 | @khaduch |http://www.freecodecamp.com/khaduch
Mohamed Derhalli
@derhallim
Apr 18 2017 12:35
@oblanao what's this icon beside search button that takes u to wikipedia? https://en.wikipedia.org/wiki/BD_%2B20%C2%B0307
each time takes u to different link
Bogdan
@oblanao
Apr 18 2017 12:35
@derhallim that's the random wiki page button
Ken Haduch
@khaduch
Apr 18 2017 12:35
@derhallim - random page
Mohamed Derhalli
@derhallim
Apr 18 2017 12:36
aaha
Rionangelfire
@Rionangelfire
Apr 18 2017 12:36
very cool
Mohamed Derhalli
@derhallim
Apr 18 2017 12:36
have a message on it or something for clueless people :P
Ken Haduch
@khaduch
Apr 18 2017 12:36
@derhallim - that's a good idea, @oblanao - maybe a tooltip?
Bogdan
@oblanao
Apr 18 2017 12:36
will do !
Mohamed Derhalli
@derhallim
Apr 18 2017 12:37
i was clicking thinking it will do search as well
yep
other than that, perfect man :thumbsup:
Bogdan
@oblanao
Apr 18 2017 12:37
@derhallim thanks man
CamperBot
@camperbot
Apr 18 2017 12:37
oblanao sends brownie points to @derhallim :sparkles: :thumbsup: :sparkles:
:cookie: 233 | @derhallim |http://www.freecodecamp.com/derhallim
Mohamed Derhalli
@derhallim
Apr 18 2017 12:45
nice page @Rionangelfire :D
Rionangelfire
@Rionangelfire
Apr 18 2017 12:46
will my link open on your end? i click on it but its not taking me anywhere but i can see the address at the bottom
thank you @derhallim
CamperBot
@camperbot
Apr 18 2017 12:46
rionangelfire sends brownie points to @derhallim :sparkles: :thumbsup: :sparkles:
:cookie: 234 | @derhallim |http://www.freecodecamp.com/derhallim
Rionangelfire
@Rionangelfire
Apr 18 2017 12:47
Is it ok to submit?
Mohamed Derhalli
@derhallim
Apr 18 2017 12:49
no
wait
am fixing some stuff for u
Rionangelfire
@Rionangelfire
Apr 18 2017 12:49
thank you
Keon Samuel
@keonsam
Apr 18 2017 12:49
how to pull-right in bootstrap v4?
Mohamed Derhalli
@derhallim
Apr 18 2017 12:52
@Rionangelfire make sure to close all opening tags, u have some <div without </div> u had also <ul> twice and no </ul>
i added a container for u, <div> with text-align: center;
so everything goes in the middle
Rionangelfire
@Rionangelfire
Apr 18 2017 12:55
Thank you. WHat about the website link
Mohamed Derhalli
@derhallim
Apr 18 2017 12:55
what about it?
you can click: fork
to get it for u
Rionangelfire
@Rionangelfire
Apr 18 2017 12:56
i dont understand
i mean the facebook link sorry
its not working
Keon Samuel
@keonsam
Apr 18 2017 12:58
put target ="_blank".
h1tag
@h1tag
Apr 18 2017 12:59
@Rionangelfire codepen doesn't allow to open a link in the same page (tab), so you have to add target="_blank" property to the a (anchor element) to open the link in a new tab
Mohamed Derhalli
@derhallim
Apr 18 2017 13:02
@Rionangelfire aaah
Rionangelfire
@Rionangelfire
Apr 18 2017 13:02
my hero
Rionangelfire
@Rionangelfire
Apr 18 2017 13:02
thank you @fortMaximus
CamperBot
@camperbot
Apr 18 2017 13:02
rionangelfire sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 728 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
Mohamed Derhalli
@derhallim
Apr 18 2017 13:02
@Rionangelfire tag me in the message so i notice, sorry didn't see ur msg
Rionangelfire
@Rionangelfire
Apr 18 2017 13:03
ok
Should I submit
Mohamed Derhalli
@derhallim
Apr 18 2017 13:04
yep
h1tag
@h1tag
Apr 18 2017 13:04
@Rionangelfire verify your account so that we can see the pen in full page mode
and yes, you're ready to submit
Keon Samuel
@keonsam
Apr 18 2017 13:04
nope
do the work properly
@Rionangelfire
Mohamed Derhalli
@derhallim
Apr 18 2017 13:05
what's not right about it? @keonsam
Rionangelfire
@Rionangelfire
Apr 18 2017 13:05
Ive verified
h1tag
@h1tag
Apr 18 2017 13:05
oh, ok
Keon Samuel
@keonsam
Apr 18 2017 13:05
you're suppose to create a page like the one in the example.
h1tag
@h1tag
Apr 18 2017 13:05
good job @Rionangelfire
Mohamed Derhalli
@derhallim
Apr 18 2017 13:06
@keonsam the example has a pic about something, and text
what do u mean: like the one in the example?
Rionangelfire
@Rionangelfire
Apr 18 2017 13:07
IM open to any advice
Mohamed Derhalli
@derhallim
Apr 18 2017 13:08
@Rionangelfire i find it good, but u have to listen to everybody's advice in this community, so u should listen to what @keonsam has to say about it too
Rionangelfire
@Rionangelfire
Apr 18 2017 13:09
Yes please I want to be exceptional.
@keonsam what may I do better?
Keon Samuel
@keonsam
Apr 18 2017 13:09
never
Mohamed Derhalli
@derhallim
Apr 18 2017 13:10
@keonsam :joy:
Keon Samuel
@keonsam
Apr 18 2017 13:10
lol
Rionangelfire
@Rionangelfire
Apr 18 2017 13:10
ok @derhallim you feel its ready?
Keon Samuel
@keonsam
Apr 18 2017 13:10
post the link.
Federico Dente
@fez994
Apr 18 2017 13:11
Hi guys, i'm doing the Calculator , i have no idea how to align the "AC" button on the right, can someone help? http://codepen.io/fez994/pen/dWoEpZ
Mohamed Derhalli
@derhallim
Apr 18 2017 13:11
yea, the tribute page example, have an image for something, and description about it and some text, but different designs
Rionangelfire
@Rionangelfire
Apr 18 2017 13:12
It should be the same designs?
Mohamed Derhalli
@derhallim
Apr 18 2017 13:12
nope
Keon Samuel
@keonsam
Apr 18 2017 13:12
if you need a challenge.
Rionangelfire
@Rionangelfire
Apr 18 2017 13:13
I can see the code of the example, no challenge
i wanted to do it completely different than that
Mohamed Derhalli
@derhallim
Apr 18 2017 13:13
examples of tribute pages for free code camp, each has a different design
Rionangelfire
@Rionangelfire
Apr 18 2017 13:14
so IM golden
Mohamed Derhalli
@derhallim
Apr 18 2017 13:15
:joy: i think so, ur good to go
the pens, each one has its own unique design according to the programmer's taste
Rionangelfire
@Rionangelfire
Apr 18 2017 13:16
Thank you All @derhallim Happy Coding
CamperBot
@camperbot
Apr 18 2017 13:16
rionangelfire sends brownie points to @derhallim :sparkles: :thumbsup: :sparkles:
:warning: rionangelfire already gave derhallim points
Mohamed Derhalli
@derhallim
Apr 18 2017 13:16
:v:
Keon Samuel
@keonsam
Apr 18 2017 13:17
:shipit:
anyways
Mohamed Derhalli
@derhallim
Apr 18 2017 13:18
@keonsam :joy:
show me ur tribute page @keonsam
Keon Samuel
@keonsam
Apr 18 2017 13:19
I need two thing. First how do I fix the effect float-right have on my buttons and secondly how do I make less space between the buttons.
alpox
@alpox
Apr 18 2017 13:20
@keonsam For less space between you have to use something smaller than col-3
Keon Samuel
@keonsam
Apr 18 2017 13:21
two of pens got deleted nooooooooooooooooooooooooooooooooooooooooooooo
codepen is buggy as hell.
nevermind I found it.
alpox
@alpox
Apr 18 2017 13:26
@keonsam To go sure that the float-right doesn't mess up your design add the clearfix class to its parent:
<div class="printOut clearfix">
Keon Samuel
@keonsam
Apr 18 2017 13:26
@alpox thanks bro.
CamperBot
@camperbot
Apr 18 2017 13:26
keonsam sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 943 | @alpox |http://www.freecodecamp.com/alpox
Keon Samuel
@keonsam
Apr 18 2017 13:31
I danced with a white woman all night last night.
Keon Samuel
@keonsam
Apr 18 2017 13:34
Mohamed Derhalli
@derhallim
Apr 18 2017 13:34
it goes out of borders when u resize it
Jim de Hart
@JimdeHart1
Apr 18 2017 14:01
how to use images in codepen?
Jim de Hart
@JimdeHart1
Apr 18 2017 14:04
and then?
h1tag
@h1tag
Apr 18 2017 14:05
it's a website for image hosting
Stephine Aldea
@freeyoo
Apr 18 2017 14:16
Hello World! I am Stephine and I'm from Philippines. I heard about free code camp from a youtube video found on this link https://www.youtube.com/watch?v=qZKvZzRynLE&t=701s. I want to learn more about frontend development and to develop my skills.
Eduar Tua
@eduartua
Apr 18 2017 14:34
@freeyoo hi and welcome!
Stephine Aldea
@freeyoo
Apr 18 2017 14:34
@eduartua hello..thanks.
CamperBot
@camperbot
Apr 18 2017 14:34
freeyoo sends brownie points to @eduartua :sparkles: :thumbsup: :sparkles:
:cookie: 146 | @eduartua |http://www.freecodecamp.com/eduartua
max#237
@maximilientoumi
Apr 18 2017 14:54
hello world i am max
Eduar Tua
@eduartua
Apr 18 2017 14:58
Hello Max welcome! and happy coding!
Branden Ng
@BrandenDaniel
Apr 18 2017 15:06
Hey guys, i just finished my tribute page project
what do ya'll think
Keon Samuel
@keonsam
Apr 18 2017 15:15
lol, an actual picture of Jesus. How did you find it?
I was going to change mines to that. Great job.
Khoa Le
@Zacele
Apr 18 2017 15:26
@BrandenDaniel goodjob so far man but the last part about the quote and the source
@BrandenDaniel you could look it up on google about <blockquote> then you get the exact style like the Demo
here is my project
khorram bin salim khondkar
@khorramk
Apr 18 2017 15:47
hi everybody
i am stuck
can anyone help?
Pieter Stokkink
@forkerino
Apr 18 2017 15:47
@BrandenDaniel I don't know if you are serious, but that page is hilarious.
khorram bin salim khondkar
@khorramk
Apr 18 2017 15:48
User Story: I can see thumbnail images of different projects the portfolio creator has built (if you haven't built any websites before, use placeholders.)
what does placeholders mean
Gulsvi
@gulsvi
Apr 18 2017 15:49
@XenoCoding Glad that helped! Your console.log(i) before and inside the getJSON really made it easy to explain.

@MathematicsCoding You're getting a CORS error in your getJSON call right now from what I see.

s.codepen.io/boomerang/iFrameKey-cd2541be-4d11-994d-b429-92fce09a4357/index.html?editors=0010:1 XMLHttpRequest cannot load https://wind-bow.gomix.me/twitch-api/streams/freecodecamp. Redirect from 'https://wind-bow.gomix.me/twitch-api/streams/freecodecamp' to 'https://wind-bow.glitch.me/twitch-api/streams/freecodecamp' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://s.codepen.io' is therefore not allowed access

That gets solved by adding ?callback=? to the end of your getJSON URL.

Pieter Stokkink
@forkerino
Apr 18 2017 15:50
@khorramk a placeholder is just some content that stands in for something that doesn't exist. So if you didn't build any websites before, you can use a fictional name/image.
khorram bin salim khondkar
@khorramk
Apr 18 2017 15:53
thanks forkerino
Gulsvi
@gulsvi
Apr 18 2017 16:02
@khorramk This is an easy way to make placeholder images of any size: https://placehold.it/
Or, if you want more options: http://lorempixel.com/
Elliot Zeng Yi
@elliotzengyi
Apr 18 2017 16:13
Hello world
Keon Samuel
@keonsam
Apr 18 2017 16:20
:+1: that is new.
alfredim88
@alfredim88
Apr 18 2017 16:21
Sky
Can you tell mt why my page isn't working?
Gulsvi
@gulsvi
Apr 18 2017 16:25
@alfredim88 Compare your URL to the one provided in the examples here: https://quotesondesign.com/api-v4-0/
uiharu
@uiharu-s
Apr 18 2017 16:25
@SkyCoder01 I prefer cats for placeholder ;)
https://placekitten.com/
Gulsvi
@gulsvi
Apr 18 2017 16:26
@uiharu-s They don't work for me :( but you can use cats at lorempixel.com :)
uiharu
@uiharu-s
Apr 18 2017 16:27
lol obligatory disclaimer
Gulsvi
@gulsvi
Apr 18 2017 16:29
haha
alfredim88
@alfredim88
Apr 18 2017 16:29
mine are not between braces?
Pronod
@Pronod
Apr 18 2017 16:30
Hi all. I don't understand why getJSON isn't working. Help pls. https://codepen.io/Pronod/pen/gWaKKB
alfredim88
@alfredim88
Apr 18 2017 16:30
or is it because of posts_per_page?
uiharu
@uiharu-s
Apr 18 2017 16:31
yes
alfredim88
@alfredim88
Apr 18 2017 16:32
still nothing
Gulsvi
@gulsvi
Apr 18 2017 16:32
@Pronod Two issues: API URLs have to start with a protocol: HTTP:// or HTTPS://. Open Weather Map only works over HTTP:// unless you pay them money. Navigator.geolocation only works over HTTPS. This post may help: http://codepen.io/skycoder/post/apisandlocation
@alfredim88 Open your debug console in your Browser (Ctrl + Shift +J) and you will see the error :)
Pronod
@Pronod
Apr 18 2017 16:33
Thank you
alfredim88
@alfredim88
Apr 18 2017 16:34
ok
Gulsvi
@gulsvi
Apr 18 2017 16:34
Unless you're using Mac OS - then it's Command + Option + J
Omar Ghazi
@OmarGhazi
Apr 18 2017 16:36
Hey guys, I need some help and maybe I am missing something very simple, I am not sure...
alfredim88
@alfredim88
Apr 18 2017 16:36
8yoMZEQbvNdwk:1 XMLHttpRequest cannot load https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback=. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://s.codepen.io' is therefore not allowed access.
Can anyone explain what this menas?
*means?
Omar Ghazi
@OmarGhazi
Apr 18 2017 16:36
I am having issues with the placeholder objects centering in the browser
It's centered until about 1500px width and then the placeholders aren't centered any longer beyond that
Gulsvi
@gulsvi
Apr 18 2017 16:37
@alfredim88 I'm seeing a very different error... Uncaught ReferenceError: cosole is not defined
Because you have: cosole.log(data); instead of console.log(data);
@OmarGhazi Add the center-block class to your images to center them :)
Also, no closing tag on <img>:
<img src="https://placehold.it/350x350"class="img-responsive center-block">
Omar Ghazi
@OmarGhazi
Apr 18 2017 16:42
Oh wow, not sure why I included the closing tags, and the center-block worked!! Thanks @SkyCoder01 !!!!
CamperBot
@camperbot
Apr 18 2017 16:42
omarghazi sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1080 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Omar Ghazi
@OmarGhazi
Apr 18 2017 16:42
Now I have to figure out how to get the hamburger menu to work :smile:
Gulsvi
@gulsvi
Apr 18 2017 16:42

@alfredim88 Now, i see this error:

Mixed Content: The page at 'https://s.codepen.io/Alfredim88/pen/zwGzwL?editors=1010' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback='. This request has been blocked; the content must be served over HTTPS.

That means the URL for your API needs to start with HTTPS://

alfredim88
@alfredim88
Apr 18 2017 16:44
but I already tried both HTTP and HTTPS
Gulsvi
@gulsvi
Apr 18 2017 16:45
Always use HTTPS if the API supports it. Your quote machine works for me if I change the API URL to use HTTPS
I changed it and still nothing
Gulsvi
@gulsvi
Apr 18 2017 16:47
Yes ^^ You get a quote when you click the new quote button
alfredim88
@alfredim88
Apr 18 2017 16:47
not me...
Gulsvi
@gulsvi
Apr 18 2017 16:47
image.png
if the screenshot will ever load, it will show you what I see
alfredim88
@alfredim88
Apr 18 2017 16:48
what browser are you using?
Gulsvi
@gulsvi
Apr 18 2017 16:48
Chrome on Windows
Can you browse to it manually?
alfredim88
@alfredim88
Apr 18 2017 16:49
yes
I'm using chrome on windows 2
Jorge
@OrangeKulture
Apr 18 2017 16:50
hey guys .. :sunglasses:
alfredim88
@alfredim88
Apr 18 2017 16:50
I just tried on Edge and its working fine
:S
Gulsvi
@gulsvi
Apr 18 2017 16:50
@alfredim88 uggh, sorry. Never seen this fail like that... you are hitting a rare issue if it doesn't work
Hello @OrangeKulture :wave:
alfredim88
@alfredim88
Apr 18 2017 16:51
Ok. i will advance to the next challenge
thank you @SkyCoder01
CamperBot
@camperbot
Apr 18 2017 16:51
alfredim88 sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1081 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Jorge
@OrangeKulture
Apr 18 2017 16:51
hows it going Sky? all good ?
Gulsvi
@gulsvi
Apr 18 2017 16:52
All good, just waking up with some coffee and code :)
Yeah, maybe go back to it later @alfredim88 see if Chrome has trouble with other APIs
Jorge
@OrangeKulture
Apr 18 2017 16:53
ahh nice! .. what timezone are you in?
Gulsvi
@gulsvi
Apr 18 2017 16:53
PST
Jorge
@OrangeKulture
Apr 18 2017 16:54
oh shit really, oh ok .. thought u were actually ahead of me
Gulsvi
@gulsvi
Apr 18 2017 16:55
I think you're one hour ahead?
Keon Samuel
@keonsam
Apr 18 2017 16:55
hey @SkyCoder01 did you finish the calculator?
Jorge
@OrangeKulture
Apr 18 2017 16:55
it's almost 11am now
Gulsvi
@gulsvi
Apr 18 2017 16:55
Yep, one hour difference
Jorge
@OrangeKulture
Apr 18 2017 16:55
ahhok it's cuz daylight savings just ended?
Gulsvi
@gulsvi
Apr 18 2017 16:55
No Keon, haven't finished it
Keon Samuel
@keonsam
Apr 18 2017 16:55
cool
Jorge
@OrangeKulture
Apr 18 2017 16:55
i think .. somewhere in march or something
Gulsvi
@gulsvi
Apr 18 2017 16:56
Yeah, normally 2hours I guess
Jorge
@OrangeKulture
Apr 18 2017 16:56
im usually 1 hour behind EST .. which would be .... central?
Gulsvi
@gulsvi
Apr 18 2017 16:57
Yeah, CST
So I guess that makes my timezone PDT :p
Jorge
@OrangeKulture
Apr 18 2017 16:59
hahah
u are in canada tho, right? not the US ?
Gulsvi
@gulsvi
Apr 18 2017 16:59
Correct
Jorge
@OrangeKulture
Apr 18 2017 17:00
yeah .. colder, but also .. hockey
so it's better :D
alfredim88
@alfredim88
Apr 18 2017 17:00
@SkyCoder01 I made it!
I had to install a google extension
CORS
Gulsvi
@gulsvi
Apr 18 2017 17:00
You shouldn't have to install an extension... hmmm
alfredim88
@alfredim88
Apr 18 2017 17:01
It was bloking it for security resons
Gulsvi
@gulsvi
Apr 18 2017 17:01
Then everyone who uses your quote machine would have to install it
alfredim88
@alfredim88
Apr 18 2017 17:01
*reasons
I don't think so
Gulsvi
@gulsvi
Apr 18 2017 17:01
Weird, but glad it's working for you now
alfredim88
@alfredim88
Apr 18 2017 17:01
One more thing
Gulsvi
@gulsvi
Apr 18 2017 17:02
I don't install any extensions or plugins in my browsers. Just adblock
alfredim88
@alfredim88
Apr 18 2017 17:02
Can you tell me why my ' " ' are in diferente lines?
Gulsvi
@gulsvi
Apr 18 2017 17:03
because <p> creates a new line
Keon Samuel
@keonsam
Apr 18 2017 17:03
what? post the code.
every new element create a new line.
alfredim88
@alfredim88
Apr 18 2017 17:04
Thanks again
Cybercyrill
@cybercyrill
Apr 18 2017 17:15

Hello, guys, I have a question

// First disunderstanding
$.ajax({
    url: 'https://api.twitch.tv/kraken/channels/DreadzTV?client_id=o18mlmxq21bze3swmobch3s926osca',
    dataType: 'json',
    success: function (data) {
console.log(data);
    },
error: console.log("WHY?!")
  });

Why does this code print in the console both messages with data and "why" at the same time?

Naveen Raju Mudhunuri
@naveenrajum
Apr 18 2017 17:15
hey
Need help!
Keon Samuel
@keonsam
Apr 18 2017 17:17
you have two console.log so it will print whatever in the console.log to the console.
@cybercyrill
console.log(data);
Gulsvi
@gulsvi
Apr 18 2017 17:18
@cybercyrill When you don't provide a function context, it will execute the code - even if there isn't an error. For example, do it this way and you won't get "WHY?!" logged:
$.ajax({
  url: 'https://api.twitch.tv/kraken/channels/DreadzTV?client_id=o18mlmxq21bze3swmobch3s926osca',
  dataType: 'json',
  success: function(data) {
    console.log(data);
  },
  error: function(err) {
    console.log("WHY?!");
  }
});
Cybercyrill
@cybercyrill
Apr 18 2017 17:19
@keonsam I thought it should print console messaged only if my request was failed
Keon Samuel
@keonsam
Apr 18 2017 17:20
oh sorry I never seen error: before.
Cybercyrill
@cybercyrill
Apr 18 2017 17:21
@SkyCoder01 Thank you
CamperBot
@camperbot
Apr 18 2017 17:21
cybercyrill sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1082 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Andrew Perrin
@Pezz18
Apr 18 2017 17:24
hi, can someone help me resolve my page load issues! I have a script tag which is used to load jquery, when i add async into the this tag, my page renders incorrectly as part of my nav bar is displayed - which should only be seen when you click a button, also i have a slider that pulls in quotes from a database, again, the page renders and all of the quotes appear one after another - rather than one at a time using the slider....
Gulsvi
@gulsvi
Apr 18 2017 17:28
@Pezz18 Can you share your code?
Keon Samuel
@keonsam
Apr 18 2017 17:28
how can I let JS know which button was click to get the value?
Gulsvi
@gulsvi
Apr 18 2017 17:28
Usually the <script> tags should go at the very end of your HTML, before the closing </body> tag
Keon, get the ID or value of the button .on('click')
Chris
@bestintown23
Apr 18 2017 17:31
how can i center my nav options in my nav bar? http://codepen.io/bestintown23/pen/vmOqwN
Gulsvi
@gulsvi
Apr 18 2017 17:31
the this keyword might be helpful or capture the click event and use event.target
by not spamming four chat rooms at once, Chris.
Keon Samuel
@keonsam
Apr 18 2017 17:32
@SkyCoder01 yes I now saw it on stackoverflow,thanks.
CamperBot
@camperbot
Apr 18 2017 17:32
keonsam sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1083 | @skycoder01 |http://www.freecodecamp.com/skycoder01
wFez
@wFez
Apr 18 2017 17:35
Objective: Build a CodePen.io app that is functionally similar to this: https://codepen.io/FreeCodeCamp/full/NNvBQW/.
so i have to make other one look like this ?
Gulsvi
@gulsvi
Apr 18 2017 17:37
@wFez You just need to make a tribute page - style it however you want. Here are some examples: http://codepen.io/search/pens/?q=tribute+page&limit=all&type=type-pens
wFez
@wFez
Apr 18 2017 17:38
@SkyCoder01 oh gonna try it thanks
CamperBot
@camperbot
Apr 18 2017 17:38
wfez sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1084 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Andrew Perrin
@Pezz18
Apr 18 2017 18:00
@SkyCoder01 hi, sorry, been faffing with it!
my script tags are currently in the head, i read about putting them at the bottom, i will test it...
Jorge
@OrangeKulture
Apr 18 2017 18:03
do u think cbot knows any other old school memes?
Andrew Perrin
@Pezz18
Apr 18 2017 18:03
@SkyCoder01 no, it hasnt fixed it...
if i remove async from my script tags, the page loads up as intended!
as soon as i place it in, i think i know whats happening, the css loads, displaying both parts of the nav bar, and then my link to the database kicks in and my php pulls in each stored quote,,, then the js kicks in, but its too late,, the data is already there!
Gulsvi
@gulsvi
Apr 18 2017 18:13
@OrangeKulture we looked them up and couldn't find any others in the code lol
@Pezz18 If this is in Codepen, put all your JS/CSS resources in the codepen settings rather than your HTML and it will sort everything out.
Andrew Perrin
@Pezz18
Apr 18 2017 18:17
@SkyCoder01 no its not a codepen,, its at: www.andrewperrin.info
Jorge
@OrangeKulture
Apr 18 2017 18:19
ahh that kinda sucks .. wouldve been awesome if he did .. i think cbot is not very useful at all and far from entertaining ..
we demand cbot v 2.0 : the sequel that doesn't suck
Keon Samuel
@keonsam
Apr 18 2017 18:24
cbot
CamperBot
@camperbot
Apr 18 2017 18:24
you called?
Keon Samuel
@keonsam
Apr 18 2017 18:24
cbot make a joke.
CamperBot
@camperbot
Apr 18 2017 18:24
you called?
Keon Samuel
@keonsam
Apr 18 2017 18:24
tell a joke.
Solomon B
@ssbothwell
Apr 18 2017 18:24
hi, i just finished my last project for the Front End Cert and went back to review my past projects. Both my projects using API keys are not working anymore. I had used https://crossorigin.me to make the APIs work with codepen. But now my api request url with crossorigin is returning "Origin: header is required". is this a known issue?
and is there some other way to get the weather api working in codepen?
Jorge
@OrangeKulture
Apr 18 2017 18:26
even cortana can tell jokes
@camperbot tell a joke
:S
Solomon B
@ssbothwell
Apr 18 2017 18:28
also the FCC example weather project codepen is not working correctly :/
Jorge
@OrangeKulture
Apr 18 2017 18:29
@ssbothwell you could try a different approach .. cors.heroku maybe?
or change APIs
i tried that also with a similar result
"Missing required request header. Must specify one of: origin,x-requested-with"
Gulsvi
@gulsvi
Apr 18 2017 18:31
@ssbothwell This is why I never recommend anyone ever use a proxy. They go down, they change, and your apps break without notice. If you use APIs that support HTTPS, there is no reason any of your free code camp projects should need a proxy.
Solomon B
@ssbothwell
Apr 18 2017 18:32
well im using the api recomended for the project
Gulsvi
@gulsvi
Apr 18 2017 18:32
If you want to share some of your projects that aren't working, I can take a look and see what needs to be fixed to remove the need of a proxy
thanks
i think this is purely an issue between codepen and the api recomended for the project
and the proxy i guess
Gulsvi
@gulsvi
Apr 18 2017 18:33
@ssbothwell Unfortunately that weather API only supports HTTP and the location API you're using (navigator.geolocation) only works over HTTPS.
Solomon B
@ssbothwell
Apr 18 2017 18:34
hmm
Gulsvi
@gulsvi
Apr 18 2017 18:34
The challenge is over 2 years old and things have changed since then, new challenges will be releasing soon with different recommended APIs
Solomon B
@ssbothwell
Apr 18 2017 18:35
should i just submit for the Front End Cert with a broken project?
ive completed the whole track
and in the time it took em to do everything else, this project broke
Gulsvi
@gulsvi
Apr 18 2017 18:35
@ssbothwell It will work fine without the proxy in Firefox
You can test / develop it in that browser and submit it. Or, you can use a different Weather API + Location API. There's some more info here: http://codepen.io/skycoder/post/apisandlocation
A real pain - everyone runs into this problem unfortunately
Solomon B
@ssbothwell
Apr 18 2017 18:37
yeah i thought i had solved it but i guess not
no worries. i want to learn about fetch and promises so maybe this is a good excuse to remake the project
thanks
Omar Ghazi
@OmarGhazi
Apr 18 2017 18:47
question - how is collapse.js referenced? I went through Bootstrap's collapse page but I wasn't able to find what url i can reference so I can get my collapse functions to work properly
on Codepen, there wasn't a quick add for it, so I am guessing I have to add it myself, but I couldn't find the actual url
I already have bootstrap and jquery referenced - does that mean that I don't have to include collapse.js separately?
Jorge
@OrangeKulture
Apr 18 2017 18:51
@OmarGhazi i think bootstrap.min.js handles collapse
i might be wrong tho
Gulsvi
@gulsvi
Apr 18 2017 18:52
@OmarGhazi I just looked at your pen - you have the correct JS file set up, but it needs to be listed below jQuery. Move it down below jQuery and your navbar mobile buton will work as expected.
Omar Ghazi
@OmarGhazi
Apr 18 2017 18:52
in that case there is something wrong with my hamburger menu collapse, the button doesn't expand the menu for me
WOW....
thanks @SkyCoder01
CamperBot
@camperbot
Apr 18 2017 18:52
omarghazi sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1085 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
Apr 18 2017 18:53
Yeah, the order of those is important :) bootstrap.js depends on jQuery so jQuery has to load first
Omar Ghazi
@OmarGhazi
Apr 18 2017 18:53
makes sense now, didn't before haha
Federico Dente
@fez994
Apr 18 2017 19:27
Hi guys, do you know how can i make the buttons closer? I tried setting margin and padding to 0 but it doesn't work
Keon Samuel
@keonsam
Apr 18 2017 19:29
@fez994 I am on the same page. If you find a solution, please tell me.
Jorge
@OrangeKulture
Apr 18 2017 19:34
hey guys, can you provide some feedback regarding my WIKI Viewer please?
Keon Samuel
@keonsam
Apr 18 2017 19:35
good :+1:
Jorge
@OrangeKulture
Apr 18 2017 19:36
no bugs?
how about the interface, u guys like it ?
Keon Samuel
@keonsam
Apr 18 2017 19:39
Yes good design and I don't see any bug.
Federico Dente
@fez994
Apr 18 2017 19:39
@OrangeKulture I like it, especially the animations good job mate
Jorge
@OrangeKulture
Apr 18 2017 19:39
great stuff, thanks a lot guys! @keonsam @fez994
CamperBot
@camperbot
Apr 18 2017 19:39
orangekulture sends brownie points to @keonsam and @fez994 :sparkles: :thumbsup: :sparkles:
:cookie: 325 | @keonsam |http://www.freecodecamp.com/keonsam
:cookie: 190 | @fez994 |http://www.freecodecamp.com/fez994
Sharad Bhat
@sharadbhat
Apr 18 2017 19:47
Isn't the personal portfolio page a bit high level for what we've learnt until now
?
Keon Samuel
@keonsam
Apr 18 2017 19:48
lol
Get use to it, and use google and youtube for research.
P G Nithin Reddy
@rednithin
Apr 18 2017 19:51
Isn't there any evaluation by bots for the front end projects?
Keon Samuel
@keonsam
Apr 18 2017 19:53
nope
either post your project here or in the forum.
Chris
@bestintown23
Apr 18 2017 19:55
how do i change the color of my nav bar and also space the options out? http://codepen.io/bestintown23/pen/vmOqwN
Cybercyrill
@cybercyrill
Apr 18 2017 19:58
https://codepen.io/CyberCyrill/full/VbLyGb/
Hello, guys, need your help
Why does all the links doesnt redirect to the twitch?
And i dont undestand why every time channels are listed randomly
alpox
@alpox
Apr 18 2017 20:14
@cybercyrill The channels are added in the order in which the response from the server comes back. A specific order for the responses is never given.
@cybercyrill What you could do would be to create the html containers first and then make the callbacks - on each response, you can then just fill up the containers you created in the right order before.
Another possibility would be to use promises - probably bit too advanced for now
Cybercyrill
@cybercyrill
Apr 18 2017 20:25
@alpox thanks, got it
CamperBot
@camperbot
Apr 18 2017 20:25
cybercyrill sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 944 | @alpox |http://www.freecodecamp.com/alpox
Philipp Scholz
@philipp32
Apr 18 2017 20:33

@alpox Oh mighty wizard of JS, I request your help. Wie geht's denn so?

Hey :grinning: I've had some different versions of an alrorithm which is supposed to split a string in front of a capital letter.

for (var i=0; i<arr.length; i++){
 if (str[i] == str[i].toUpperCase()){
   str.split(" ", i); // not sure about the i here
}
}

It doesn't do a thing, though and I don't know why. I've tried this version as well:

str.split(/(?=[A-Z])/)

That didn't work as well.

alpox
@alpox
Apr 18 2017 20:57
@philipp32 Hiho :D
@philipp32 Mir gehts ganz gut, bin grad in den Ferien ^_^ und selbst?
KevinTaylorS
@KevinTaylorS
Apr 18 2017 20:58

Can someone help me! I’m having trouble with geolocation in Codepen. My latitude and longitude variables are logging as “undefined” and I don't know why. here’s my code:

//declare variables
var lat;
var lon;
//get geolocation
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
lat = position.coords.latitude;
lon = position.coords.longitude;
});
} else {
console.log("Error");
}
console.log(lat);
console.log(lon);

alpox
@alpox
Apr 18 2017 20:59
@philipp32 Take a look at the split function: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split the second parameter is a limit to the found occurrences
Gulsvi
@gulsvi
Apr 18 2017 21:41
@KevinTaylorS All of your code inside function(position) runs after everything else because it's an asynchronous function. You have to pass lat and lon to another function to use them elsewhere in your code:
//get geolocation
if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function(position) {
    var lat = position.coords.latitude;
    var lon = position.coords.longitude;
    logLocation(lat, lon);
  });
} else {
  console.log("Error");
}

function logLocation(lat, lon) {
  console.log(lat);
  console.log(lon);  
}
Pagnito
@Pagnito
Apr 18 2017 22:13
soo, apperantly a checkbox doesnt get recognized as event target, does anyone know a way of pushin into an array a checked element?
nvm
i was wrong
Pagnito
@Pagnito
Apr 18 2017 22:26
so why can i access this checkedArr
var checkedArr = [];
$('.firstCol').click(function(event){
 var div = $(':checked').closest('a');
if($('.chBox').prop('checked')){

  var arr = checkedArr.push(div);
  console.log(checkedArr)
}
but i cant access it in the next click function where i actually wnat to use it
Saboor Malik
@MathematicsCoding
Apr 18 2017 22:28
Hey
@SkyCoder01 You on?
Gulsvi
@gulsvi
Apr 18 2017 22:29
Hello
Saboor Malik
@MathematicsCoding
Apr 18 2017 22:29
I was on this problem for 2 days..
I cant figure out why this code isnt working
Gulsvi
@gulsvi
Apr 18 2017 22:29
Twitch is complicated
Saboor Malik
@MathematicsCoding
Apr 18 2017 22:29
Have you seen my JS code?
Amira C
@aChtourou
Apr 18 2017 22:30
hi
i've got some questions about the tribute page challenge if anyone could advise?
Gulsvi
@gulsvi
Apr 18 2017 22:30
Yeah @MathematicsCoding I commented on it this morning :point_up: April 18, 2017 8:49 AM
add ?callback=? to the end of your URL
Sure @aChtourou
Saboor Malik
@MathematicsCoding
Apr 18 2017 22:31
oh...
Gulsvi
@gulsvi
Apr 18 2017 22:31
Same thing you had to do for Wikipedia to make the request JSONP
Saboor Malik
@MathematicsCoding