These are chat archives for FreeCodeCamp/HelpFrontEnd

23rd
Oct 2016
Walid Ashri
@walidashri
Oct 23 2016 00:01
@F22rapt any css can be over ruled
F22rapt
@F22rapt
Oct 23 2016 00:04
I'm still getting padding and margin confused..
silver537
@silver537
Oct 23 2016 00:14
@jdtdesigns can you do me a favor?
F22rapt
@F22rapt
Oct 23 2016 00:26
ok..can i use something like word-wrap:word-break; to get my p element to be in a block format under my header?
I don't think margin is guna do this for me
j1417
@j1417
Oct 23 2016 00:35
How can i create a website....i mean....a main page with buttons to others secondary sections of the pages??
Dr. Paul Kenneth Shreeman
@pkshreeman
Oct 23 2016 00:35
I am confused about document.getElementById(‘buttonid’).click(). It does not trigger active CSS button style?
@j1417 are you working on first profile project here on FCC?
j1417
@j1417
Oct 23 2016 00:37
yes!!
Dr. Paul Kenneth Shreeman
@pkshreeman
Oct 23 2016 00:37
Have you set up codepen yet?
j1417
@j1417
Oct 23 2016 00:38
sorry, im doing the second project ....the portfolio
Dr. Paul Kenneth Shreeman
@pkshreeman
Oct 23 2016 00:40
well, if you have codepen set up. it is very easy to play around and learn that way…<div> is good way to test how things break up in sections.
@j1417 oh I misread your question
use link <a href =(id here of your div ) >
for example,
<a href=“#third”> <button> Go to third section </button> </a>
….
<a name=“third”>
<div>
….
@j1417 did I answer your question? Sorry for misunderstanding.
j1417
@j1417
Oct 23 2016 00:46
I did wrong question sorry....... I want the div is not shown Until You pressed the button
Dr. Paul Kenneth Shreeman
@pkshreeman
Oct 23 2016 00:46
that’d be javascript trick… using like document.getElementById("1").style.visibility =‘visible’
j1417
@j1417
Oct 23 2016 00:48
ohh thank you !! @pkshreeman
CamperBot
@camperbot
Oct 23 2016 00:48
:cookie: 346 | @pkshreeman |http://www.freecodecamp.com/pkshreeman
j1417 sends brownie points to @pkshreeman :sparkles: :thumbsup: :sparkles:
j1417
@j1417
Oct 23 2016 00:48
i will try it!
Dr. Paul Kenneth Shreeman
@pkshreeman
Oct 23 2016 00:48
and the css set that div initally to be visibility: hidden
you are welcome @j1417
j1417
@j1417
Oct 23 2016 00:54
thank you!
@pkshreeman hey! one question....id 1 is the button?
Dr. Paul Kenneth Shreeman
@pkshreeman
Oct 23 2016 00:58
@j1417 you call it any way you want… for example
<button id=“firstbutton” class =“crazybuttons” > Press me! </button>
document.getElementById(“firstbutton").style.visibility =‘visible’
and then in css, you have
.crazybuttons {
visibility: hidden
}

j1417
@j1417
Oct 23 2016 01:02
ohh thanks again!
thanks @pkshreeman
CamperBot
@camperbot
Oct 23 2016 01:02
:warning: j1417 already gave pkshreeman points
j1417 sends brownie points to @pkshreeman :sparkles: :thumbsup: :sparkles:
Dr. Paul Kenneth Shreeman
@pkshreeman
Oct 23 2016 01:02
:+1:
@j1417 NOTE: This alters the button’s visiblity, not the div that you wanted…you’d want to use the div’s id and then use div’s class instead
I want to create a button to another section of the page...how can i do it??https://codepen.io/Juan1417/pen/BLrjOY
Erick Delfin
@Nifled
Oct 23 2016 01:52
Ok, so I have a animations set on my landing page. I have a preloader (jquery), and by the time the page loads and preloader disappears, the animations have already happened. I'm having trouble getting the animations to happen AFTER the preloader has finished. Can anyone help?
走你飛艇
@gofighting123
Oct 23 2016 01:53
@Nifled THE CODE on codepen?
@Nifled anybody home @_@
JD Tadlock
@jdtdesigns
Oct 23 2016 02:09
@silver537 What did you need?
silver537
@silver537
Oct 23 2016 02:19
@jdtdesigns you're an avid front end developer right?
can you give me some feedback on this?
杨勇
@yelifu1988
Oct 23 2016 02:22
有没说汉语的?
求大神指教啊
走你飛艇
@gofighting123
Oct 23 2016 02:23
@yelifu1988 大神很忙的@@
杨勇
@yelifu1988
Oct 23 2016 02:24
小菜鸟困难多啊
走你飛艇
@gofighting123
Oct 23 2016 02:24
@yelifu1988 這邊有啥問題就直接說吧,不過通常我都打英文順便練練手@@
杨勇
@yelifu1988
Oct 23 2016 02:24
@gofighting123 。。。。
Build a Random Quote Machine
走你飛艇
@gofighting123
Oct 23 2016 02:25
@yelifu1988 codepen url address ?
杨勇
@yelifu1988
Oct 23 2016 02:25
@gofighting123 就这个题啊
走你飛艇
@gofighting123
Oct 23 2016 02:26
@yelifu1988 那個 現在應該有人把它改成 react or babel 的版本,更牛b了阿XD
杨勇
@yelifu1988
Oct 23 2016 02:26
@gofighting123
目标: 设计一个功能类似于: http://codepen.io/FreeCodeCamp/full/bELoPJ的应用。
Logan Sinclair
@LoganS1
Oct 23 2016 02:26
could someone help me with why my div "photogroup" does not appear on the page?
http://codepen.io/LoganS2/pen/BLrjPY?editors=1100
杨勇
@yelifu1988
Oct 23 2016 02:27
@gofighting123 大神 你有扣扣没
@gofighting123
不懂怎么搞
走你飛艇
@gofighting123
Oct 23 2016 02:27
@yelifu1988 台灣省沒有用QQ喔 @@
杨勇
@yelifu1988
Oct 23 2016 02:27
微信呢
走你飛艇
@gofighting123
Oct 23 2016 02:28
@yelifu1988 他那個就很簡單 去 收 Wiki 的 json data , 然後 parse 然後就顯示在 div 內
杨勇
@yelifu1988
Oct 23 2016 02:29
@gofighting123 我是不明白这个题应该写在哪儿
@gofighting123 我英文太烂了
走你飛艇
@gofighting123
Oct 23 2016 02:29
@yelifu1988 你要 逐步 把你要做(想做)的事情,逐步寫下來,不要用腦子想, 多工 會讓你迷惑(迷惘) , 專注 才是 你真的該學會的
Walid Ashri
@walidashri
Oct 23 2016 02:29
@LoganS1 it's covered by back ground
走你飛艇
@gofighting123
Oct 23 2016 02:30
@yelifu1988 你參考我的範例吧,應該很簡單 模仿 我找一下
杨勇
@yelifu1988
Oct 23 2016 02:30
恩恩 谢谢啊 好人啊 @gofighting123
Logan Sinclair
@LoganS1
Oct 23 2016 02:30
ok, thanks @walidashri
CamperBot
@camperbot
Oct 23 2016 02:30
:cookie: 442 | @walidashri |http://www.freecodecamp.com/walidashri
logans1 sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
Walid Ashri
@walidashri
Oct 23 2016 02:31
@LoganS1 just put the back ground img to body
走你飛艇
@gofighting123
Oct 23 2016 02:31
@yelifu1988 這範例 我好像把他。。。變數打散(混淆)了... 我再找找@@
杨勇
@yelifu1988
Oct 23 2016 02:32
@gofighting123 恩恩
Yousif Abood
@Yabood
Oct 23 2016 02:33
Hello everyone..
I'm stuck on an angular-ui problem and need some help
any of you familiar with angular-ui (angular-bootstrap)?
走你飛艇
@gofighting123
Oct 23 2016 02:40
@yelifu1988 我之前的版本 我還原上去好像爛掉了 XD
Ian Lee
@asparism
Oct 23 2016 02:44
what's the best way to integrate a piece of API response into code?
走你飛艇
@gofighting123
Oct 23 2016 02:54
@yelifu1988 正常的做法是透過 https://zh.wikipedia.org/w/api.php 拿 你要的資料,我是直接拿網頁 @@ 然後 跳板掛了 我的程式也掛了
@yelifu1988 http://stackoverflow.com/questions/2381642/returning-data-from-wikipedia-using-ajax 這邊有人提問過, 你可以依照最佳解的回答去改變你要的東西
走你飛艇
@gofighting123
Oct 23 2016 03:16
@yelifu1988 修好了@@
@yelifu1988 還好不是重寫 XD 繼續用 CROS 的方法 拿資料
silver537
@silver537
Oct 23 2016 03:32
@gofighting123 @yelifu1988 gitter.im/FreeCodeCamp/chinese
走你飛艇
@gofighting123
Oct 23 2016 03:32
@silver537 OK :smile:
silver537
@silver537
Oct 23 2016 03:33
@gofighting123 i figured you'll have a better response there.
走你飛艇
@gofighting123
Oct 23 2016 03:33
@silver537 i think so
Marina
@joyinthenow
Oct 23 2016 03:42
@khaduch , thank you for your help. This sovled some problems and created others but it did make things into rows. Thank you so much for your help.
CamperBot
@camperbot
Oct 23 2016 03:42
joyinthenow sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1820 | @khaduch |http://www.freecodecamp.com/khaduch
JD Tadlock
@jdtdesigns
Oct 23 2016 03:45
. @silver537 It works well. My only critique would be to remove the box shadows. They're out of style these days except in rare occurrences.
silver537
@silver537
Oct 23 2016 03:48
which one's in particular? cause there's a glitch with the animation. i have a container inside the main one, and everytime i toggle the animation, it jumps from side to side. and the size is also compromised. so the box shadows are what is giving the illusion that the main container is increasing it's height.
Ken Haduch
@khaduch
Oct 23 2016 03:50
@joyinthenow - great! You're welcome. Anything that you want to ask about at this point, or more experimentation to go?
JD Tadlock
@jdtdesigns
Oct 23 2016 03:51
I'll have to look at it when i get home. I don't see any animation glitches on my phone.
silver537
@silver537
Oct 23 2016 03:57
@jdtdesigns yea, i managed to work around the glitch. ill change the link.
http://codepen.io/Silver537/full/pEGyOj/
vuasin
@vuasin
Oct 23 2016 04:05
This message was deleted
This message was deleted
JD Tadlock
@jdtdesigns
Oct 23 2016 04:15
@silver537 Just got home. I see the glitch now. The dropdown content starts to the left and moves to the center.
silver537
@silver537
Oct 23 2016 04:20
yea. it does the same thing if i inserted the container inside the main container. so i worked around it by adding an over flow property. however, that compromised the size and kept it at a smaller percent. so i moved the container relative to it's position towards the left 20px.
and since it looks like one thing inside another, i added the shadow to create the illusion that it's just one container growing.
JD Tadlock
@jdtdesigns
Oct 23 2016 04:21
@silver537 It's glitching with the new pen.
Eko Odinta
@Kodin24
Oct 23 2016 04:50
new here how do i start to build a tribute page?
coffeebeanzz
@coffeebeanzz
Oct 23 2016 04:52
Ricky11
@ricky11
Oct 23 2016 04:53
can i have some help as to why animate.css is not working for me in a span element : http://codepen.io/ricky11/pen/NRoAKP
Thomas Mullen
@t-mullen
Oct 23 2016 04:56
This message was deleted
Ricky11
@ricky11
Oct 23 2016 04:57
@RationalCoding hi, i m trying to use JS to addClass "animated bounce"
Thomas Mullen
@t-mullen
Oct 23 2016 04:58
Only saw your HTML sorry. :camel:
Thomas Mullen
@t-mullen
Oct 23 2016 05:04
@ricky11 animate.css only works on spans with the display property set.
span {
  display: inline-block;
}
and everything else will work
daneden/animate.css#515
Ricky11
@ricky11
Oct 23 2016 05:05
@RationalCoding thanks -- why is that though. ok i will look at that.
CamperBot
@camperbot
Oct 23 2016 05:05
ricky11 sends brownie points to @rationalcoding :sparkles: :thumbsup: :sparkles:
:cookie: 276 | @rationalcoding |http://www.freecodecamp.com/rationalcoding
Thomas Mullen
@t-mullen
Oct 23 2016 05:05
No clue. I couldn't find a reason why other than "it's historical"
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 05:15
Hello World! Good Morning! :sun_with_face:
CamperBot
@camperbot
Oct 23 2016 05:15

welcome to FreeCodeCamp @NitinNair89!

Eko Odinta
@Kodin24
Oct 23 2016 05:22
i just started creating my tribute page, i want to find out how to add an image from my desktop to the tribute page
Eko Odinta
@Kodin24
Oct 23 2016 05:28
@coffeebeanzz thanks
CamperBot
@camperbot
Oct 23 2016 05:28
kodin24 sends brownie points to @coffeebeanzz :sparkles: :thumbsup: :sparkles:
:star2: 1212 | @coffeebeanzz |http://www.freecodecamp.com/coffeebeanzz
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 05:28
@Kodin24 Try dropbox or imgur or any other such sites where you can upload your pics (if you're doing it on codepen)
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 05:37
Hello, is there any tool where I can test my site for responsiveness for all screen sizes?
Nikoleta Dzhingarova
@ndzhingarova
Oct 23 2016 05:52
@NitinNair89 Hello :) You have some minutes?
kirbyedy
@kirbyedy
Oct 23 2016 05:54
@NitinNair89 in the chrome developer tools you have an option for that
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 05:58
Yeah, But i was looking for some automated thing like it will tell me on what devices the site won't look good :P
@ndzhingarova Give me 2 minutes, ok?
Muhammad Hasham
@MohammadHasham
Oct 23 2016 06:05
how can i declare an array in JS of certain size like 10 or anything? should i do like this var array = ['','','','','''];
CamperBot
@camperbot
Oct 23 2016 06:05
:bulb: to format code use backticks! ``` more info
kirbyedy
@kirbyedy
Oct 23 2016 06:21
I think this should be enough: var array = [];
once you start populating your array with elements it will not be empty anyways
Casey Heath
@ExhibitArts
Oct 23 2016 06:22
Let me know what you think of my portfolio. - http://codepen.io/anon/pen/zKZBpj
Sorin Ruse
@sorinr
Oct 23 2016 06:25
@silver537 here an example of your pen using opacity: weather app
silver537
@silver537
Oct 23 2016 06:27
@sorinr i've done that one and im not to fond of it. i like the "growing" effect. thanks for taking the time to help me :)
CamperBot
@camperbot
Oct 23 2016 06:27
silver537 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 782 | @sorinr |http://www.freecodecamp.com/sorinr
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:29
@ndzhingarova you there?
Nikoleta Dzhingarova
@ndzhingarova
Oct 23 2016 06:30
@NitinNair89 yes :) http://www.nemo.nutrapress.com/
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:30
what help you wanted from me? @ndzhingarova
Nikoleta Dzhingarova
@ndzhingarova
Oct 23 2016 06:32
I have an issue with the carousel. And i think the navbar does not look ok. I uploaded my project this morning. Yesterday we talked about data attributes that are not active in notepad
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:33
Yeah i remember.
@sorinr Please advise for my weather app. Think i should use some other API?
@ndzhingarova Tried replacing the logo with a text?
Nikoleta Dzhingarova
@ndzhingarova
Oct 23 2016 06:36
Just simple text instead of image? No.
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:36
@ndzhingarova where's the <meta> for responsiveness?
 <meta name="viewport" content="width=device-width, initial-scale=1">
the image and text is breaking your navbar @ndzhingarova
Nikoleta Dzhingarova
@ndzhingarova
Oct 23 2016 06:37
I have not used so far. How should it be?
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:37
the one i gave you, put it under <head>...</head>
Gaston Kirsman
@gastikirs
Oct 23 2016 06:39
@NitinNair89 Hi nitin
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:39
@gastikirs Hello! :)
Nikoleta Dzhingarova
@ndzhingarova
Oct 23 2016 06:39
done, nothing changes. I do the edit local
Gaston Kirsman
@gastikirs
Oct 23 2016 06:41
I almost finished the portfolio
After 2 days
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:41
Good work @gastikirs :+1:
@ndzhingarova tried replacing the image with text?
What exactly is not happening for you?
Nikoleta Dzhingarova
@ndzhingarova
Oct 23 2016 06:45
@NitinNair89 The search buttons, on the right sight are on the edge of the navbar. When i remove the logoimage and leave just a text it is on the edge, too
Gaston Kirsman
@gastikirs
Oct 23 2016 06:45
I just need one more helping hand. I dont understand why I cant add content in a new line after the icons at the end..
Inside the contact div, but under the icons
Nikoleta Dzhingarova
@ndzhingarova
Oct 23 2016 06:45
does this make sense
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:47
@ndzhingarova That's due to
<form class="navbar-form navbar-right">
the navbar-right will push elements to the right
Sorin Ruse
@sorinr
Oct 23 2016 06:47
@silver537 welcome. it took no time :)
@NitinNair89 just a sec to find your pen link
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:48
@gastikirs Didn't get you. You mean icons in a single line?
@NitinNair89 just a sec to find your pen link
@sorinr codepen.io/Nitin-Chandran-Nair/full/rLpORj
@gastikirs Did you mean you want the icons to be in a single line after the "contact"?
Gaston Kirsman
@gastikirs
Oct 23 2016 06:51
@NitinNair89 No, i want to add a text (lets say a <p>) after the 6 icons in the end. But inside the contact div
Nikoleta Dzhingarova
@ndzhingarova
Oct 23 2016 06:52
@NitinNair89 Yes, but I would like this part to be on the right and still some space. How could i do it>
Sorin Ruse
@sorinr
Oct 23 2016 06:52
@NitinNair89 you forgot to add the weather condition text like: "cloudy","rainy" whatever you get back from the api
Walid Ashri
@walidashri
Oct 23 2016 06:53
@gastikirs I see no problem there
Pravin Shinde
@prawin007
Oct 23 2016 06:53
@NitinNair89 hi
Gaston Kirsman
@gastikirs
Oct 23 2016 06:53
@walidashri If i add a p , it goes on the right side of the page. I want it under the icons
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:53
@gastikirs Create a div with row and do it
@sorinr That's fine. Is the location proper for you?
@ndzhingarova space where exactly?
@prawin007 Hello! :)
Gaston Kirsman
@gastikirs
Oct 23 2016 06:54
I tried, but doesnt work. It stills on the right..
Sorin Ruse
@sorinr
Oct 23 2016 06:55
@silver537 btw. when you show container2 I would remove the border-bottom, shadow and border-radius from the container1 and apply them back when you hide container2. this way both containers seems to be only one
@NitinNair89 yep. location ok
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:55
@gastikirs I tried it in your code just after the </div> for icons:
<div class="row">
  <p>test</p>
        </div>
Walid Ashri
@walidashri
Oct 23 2016 06:55

@gastikirs

<i id="contact-snapchat" class="icon-contact fa fa-snapchat fa-4x" aria-hidden="true"></i></a>

                 </div>
        <p> why</p>
            </div>

this one did

Pravin Shinde
@prawin007
Oct 23 2016 06:55
@NitinNair89 im building my personal portfolio
Nikoleta Dzhingarova
@ndzhingarova
Oct 23 2016 06:56
@NitinNair89 here:
Capture.JPG
Gaston Kirsman
@gastikirs
Oct 23 2016 06:56
That worked @walidashri
But i dont understand why haha . thank you
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:56
@sorinr Weird.. For me it gives some other location. Maybe due to my internet connection... it shows some other city name
Nikoleta Dzhingarova
@ndzhingarova
Oct 23 2016 06:56
@NitinNair89 You see the search button exactly on the line?
silver537
@silver537
Oct 23 2016 06:56
@sorinr are you referring to the original one? or the testing one(weather app 2)?
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:56
@ndzhingarova Yes, so?
Sorin Ruse
@sorinr
Oct 23 2016 06:57
@NitinNair89 if you have a dynamic ip it happens
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:57
ahh ok, so no need to change API right?
@sorinr
Nikoleta Dzhingarova
@ndzhingarova
Oct 23 2016 06:57
@NitinNair89 it is positioned in the middle of up and down lines i want it to be at some distance of the right one, too.
Gaston Kirsman
@gastikirs
Oct 23 2016 06:58
@walidashri And its inside the contact-icons div
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:58
@ndzhingarova Tried adding padding and margin-right for that search bar?
Sorin Ruse
@sorinr
Oct 23 2016 06:58
@NitinNair89 when using ip location you don't have much of a choise :)
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:58
@sorinr Yeah! :(
Nikoleta Dzhingarova
@ndzhingarova
Oct 23 2016 06:59
@NitinNair89 no, thanks. I decided it should happen automatically for any reason
CamperBot
@camperbot
Oct 23 2016 06:59
ndzhingarova sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 299 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
Sorin Ruse
@sorinr
Oct 23 2016 06:59
@silver537 think i have only vers 1. the original
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 06:59
@ndzhingarova Oh, ok. Sorry i couldn't be of much help! :(
Nikoleta Dzhingarova
@ndzhingarova
Oct 23 2016 06:59
@NitinNair89 then what about the carousel? You have any idea why it pastes all pictures one after the other
silver537
@silver537
Oct 23 2016 07:01
@sorinr the one you showed me was version two, the one with the white background in container 2.
Sorin Ruse
@sorinr
Oct 23 2016 07:01
@silver537 i've seen that now in the title :)
@silver537 yes. for this one i was saying to remove the border-bottom all effects
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 07:02
@ndzhingarova Check this - http://getbootstrap.com/examples/carousel/
I don't see classes for your images (Ex. - first-slide, second-slide)
silver537
@silver537
Oct 23 2016 07:02
@sorinr this one is the completed one
pen
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 07:02
check the source code for the above link @ndzhingarova
Casey Heath
@ExhibitArts
Oct 23 2016 07:04
Let me know what you think of my portfolio. - http://codepen.io/anon/pen/zKZBpj
Sorin Ruse
@sorinr
Oct 23 2016 07:05
@silver537 this one its ok
SarthakAdhikari
@SarthakAdhikari
Oct 23 2016 07:05

function dropElements(arr, func) {
  // Drop them elements.
  var tempArray = arr.filter(func);
  var arrIndex = arr.indexOf(tempArray[0]);
  return arr.slice(arrIndex);
}

dropElements([1, 2, 3, 4], function(n) {return n > 5;});
https://www.freecodecamp.com/challenges/drop-it
Couldn't figure out what I did wrong.
silver537
@silver537
Oct 23 2016 07:08
@sorinr the only problem with it is the box shadow. which goes back to my initial argument, i can't find a way around the slide down glitch. :(
Sorin Ruse
@sorinr
Oct 23 2016 07:11
@silver537 you mean the one that container2 was showing first to the left and then realigned with the container?
silver537
@silver537
Oct 23 2016 07:11
@sorinr yes
Sorin Ruse
@sorinr
Oct 23 2016 07:12
@silver537 but now for me in chrome slidedown is smooth and in place
silver537
@silver537
Oct 23 2016 07:13
@sorinr that's after the workarounds.
Sorin Ruse
@sorinr
Oct 23 2016 07:14
@silver537 you mean left: 20px; and overflow?
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 07:14
@prawin007 You did not say what error you faced or where you stuck at in your portfolio..
silver537
@silver537
Oct 23 2016 07:14
yes
Sorin Ruse
@sorinr
Oct 23 2016 07:15
i'll think about it. and if i came up with something let u know
silver537
@silver537
Oct 23 2016 07:18
@sorinr thank you once again. i greatly appreciate it.
CamperBot
@camperbot
Oct 23 2016 07:18
silver537 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:warning: silver537 already gave sorinr points
Sorin Ruse
@sorinr
Oct 23 2016 07:20
@silver537 if you comment / left: 20px; / its still working the right way
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 07:21
@silver537 if you comment / left: 20px; / its still working the right way
in CSS comments are /* ... */
@sorinr
silver537
@silver537
Oct 23 2016 07:22
@NitinNair89 he did use proper syntax. gitter didn't display the asterix right. since astrix represents italics in markdown language.
Sorin Ruse
@sorinr
Oct 23 2016 07:23
yeah. )
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 07:23
oops! my bad'
silver537
@silver537
Oct 23 2016 07:23
@sorinr i used that to center out the container2 since the overflow property does some funky thing with the width. notice the left and right sides.
Sorin Ruse
@sorinr
Oct 23 2016 07:24
@silver537 but now i see what you mean. its the data inside container2 that shifts to the right after showing
silver537
@silver537
Oct 23 2016 07:25
no. it's the actual container2. that moves. @sorinr
Sorin Ruse
@sorinr
Oct 23 2016 07:27
@silver537 u r right.
This message was deleted
silver537
@silver537
Oct 23 2016 07:33
yea it didn't work
Muhammad Hasham
@MohammadHasham
Oct 23 2016 07:44

I am making tic tac toe game as FCC project,I am having a problem that is whenever the human player plays his move the computer should iterate through the array and find the empty location and play a move their but it is not doing so here is my logic can anyone tell me where am i doing that wrong:

     if (value[0]=='X' || value[0]=='O')
            {
              return;
            }
    else{
      for(var i=0;i<value.length;i++)
        {
          if (value[i] == ' ')
          $(value[i]).html(computer_sign); 
        }
      $("#b1").html(sign_option);
      value[0].push($("#b1").html(sign_option));
        }
      });

A small code snippet.
@sorinr @silver537

Sorin Ruse
@sorinr
Oct 23 2016 07:46
@silver537 here a version without left:20px. pen
silver537
@silver537
Oct 23 2016 07:53
@sorinr what did you do?
Sorin Ruse
@sorinr
Oct 23 2016 07:55
@silver537 made container2 fixed width not max-width. and added margin: 0 20px; to the list
@silver537 and to the #container added: box-sizing: border-box; to be sure that all elements have padding and border included in the element's total width and height
Muhammad Hasham
@MohammadHasham
Oct 23 2016 07:59
@sorinr can you help me with this pen
https://codepen.io/Mohammad_Hasham/pen/rryQmV?editors=0010
Sorin Ruse
@sorinr
Oct 23 2016 08:01
@MohammadHasham what problems do you have?
silver537
@silver537
Oct 23 2016 08:02
@sorinr thank you so much dude! with your fix, im customizing it to my liking. thanks for the help. :D
CamperBot
@camperbot
Oct 23 2016 08:02
silver537 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 783 | @sorinr |http://www.freecodecamp.com/sorinr
Sorin Ruse
@sorinr
Oct 23 2016 08:02
@silver537 welcome.
Muhammad Hasham
@MohammadHasham
Oct 23 2016 08:09
@sorinr
https://codepen.io/Mohammad_Hasham/pen/rryQmV?editors=0010
i can't get the values played by computer can you tell me the mistake
Sorin Ruse
@sorinr
Oct 23 2016 08:13
@MohammadHasham i'll try to look into it to understand first the logic
Muhammad Hasham
@MohammadHasham
Oct 23 2016 08:16
the computer is not playing the moves @sorinr
Muhammad Hasham
@MohammadHasham
Oct 23 2016 08:23
@sorinr any idea where am i doing wrong
Sorin Ruse
@sorinr
Oct 23 2016 08:24
@MohammadHasham not yet
Muhammad Hasham
@MohammadHasham
Oct 23 2016 09:08
is this statement correct
arr[0].push($("#b1").html(sign_option));
slri
@slri
Oct 23 2016 09:09
@MohammadHasham what is sign_option
Muhammad Hasham
@MohammadHasham
Oct 23 2016 09:20
a parameter in the form of string
is this the right way i am more concerned regarding arr[0].push()
@RuinIsProbablyTaken
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 09:21
why don't you store it in a variable first and then push that variable? @MohammadHasham
and what is arr[0]?
the normal syntax as I know is - arr.push(); //arr is the array name
F22rapt
@F22rapt
Oct 23 2016 09:26
soooo..I goofed. my comp BSOD and i lost a bit of code..but I don't remember what uhm. Code it was to make text in my p lines start and end evenly
Muhammad Hasham
@MohammadHasham
Oct 23 2016 09:28
@NitinNair89 should i use arr.splice()
or any other way
F22rapt
@F22rapt
Oct 23 2016 09:32
bah..ill figure it out next week..
Muhammad Hasham
@MohammadHasham
Oct 23 2016 09:35
Really the most difficult project
tic tac toe
i am stuck at there badly
c0d0er
@c0d0er
Oct 23 2016 09:49
This message was deleted
Adel
@AdelMahjoub
Oct 23 2016 10:03
@MohammadHasham hi, the cpu shuold play after each 'click event' followinf a specific rule, meanwhile the player should not be able to click,
@MohammadHasham at each player click a cpu function should be triggered, begin by writing the cpu round
走你飛艇
@gofighting123
Oct 23 2016 10:08
@MohammadHasham window.prompt returned value
as the w3c tells...http://www.w3schools.com/jsref/met_win_prompt.asp
@MohammadHasham got the milk ?
Adel
@AdelMahjoub
Oct 23 2016 10:10
This message was deleted
c0d0er
@c0d0er
Oct 23 2016 10:10
does anybody know the meaning of${}?
走你飛艇
@gofighting123
Oct 23 2016 10:11
@c0d0er $ just a variable...{} is a block for js language ...means it's a inside block
Adel
@AdelMahjoub
Oct 23 2016 10:12
for(var i=0; i<10; i++) {
        arr.push("");
        }

if (player_option == '1'){
   $("#b1").on("click",function(){
     if (arr[0]=='X' || arr[0]=='O')
            {

            }
    else{
      for(var i=0;i<arr.length;i++)
        {
          if (arr[i] =="")
          $("#b" + arr[i]).text(computer_sign); 
        }
      $("#b1").html(sign_option);
      arr.splice(0,0,sign_option);
        }
      });
@MohammadHasham arr is empty
走你飛艇
@gofighting123
Oct 23 2016 10:12
@c0d0er i mean...any variable define inside { } the scope is inside of it...
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 10:15
@F22rapt maybe it is text-align:justify;
@MohammadHasham Sorry i was away.. did it work?
c0d0er
@c0d0er
Oct 23 2016 10:20
@gofighting123 thanks
CamperBot
@camperbot
Oct 23 2016 10:20
c0d0er sends brownie points to @gofighting123 :sparkles: :thumbsup: :sparkles:
:cookie: 308 | @gofighting123 |http://www.freecodecamp.com/gofighting123
走你飛艇
@gofighting123
Oct 23 2016 10:20
@c0d0er not help much :smile:
Muhammad Hasham
@MohammadHasham
Oct 23 2016 10:43
@NitinNair89 no it didn't actually
Sorin Ruse
@sorinr
Oct 23 2016 10:44
@MohammadHasham hi. sorry. was away. so , the function array.push is adding data at the end of the array. if want want data into a specific index of the array then you can just use array[index] = sign_option or array[index] = computer_sign
Muhammad Hasham
@MohammadHasham
Oct 23 2016 10:45
can you check that i have made some changes and the logic seems right to me
@NitinNair89
@gofighting123 please give a look at my pen
https://codepen.io/Mohammad_Hasham/pen/rryQmV
@AdelMahjoub
@sorinr i have used splice function to enter data at apecific indexes
the computer is not actually playing any sort of move @sorinr @NitinNair89
Adel
@AdelMahjoub
Oct 23 2016 10:53
can you explain this loop @MohammadHasham
 for(var i=0;i<arr.length;i++)
        {
          if (arr[i] =="")
          $("#b" + arr[i]).html(computer_sign); 
        }
Sorin Ruse
@sorinr
Oct 23 2016 10:53
@MohammadHasham if (sign_option == 'X') is wrong. must have sign_option.toUpperCase() == 'X' coz you don't know if the user press the x or X
Muhammad Hasham
@MohammadHasham
Oct 23 2016 10:53
sure! actually i am using id's in my css with #b1,#b2 and so on so i am concatinating #b with arr[i] (i.e; the index which has no move played on)
@AdelMahjoub
@sorinr i'll keep those checks once i get over this problem
sure
Adel
@AdelMahjoub
Oct 23 2016 10:54
@MohammadHasham but all arr[i] are equal ""
Muhammad Hasham
@MohammadHasham
Oct 23 2016 10:54
but once the user plays a move the move is pushed to the array at that index
@AdelMahjoub
arr.splice(0,0,sign_option);
sign_option(user's move) is being pushed at oth index
0th*
@AdelMahjoub
Adel
@AdelMahjoub
Oct 23 2016 10:57
@MohammadHasham the else statement in the click event will never be executed
Muhammad Hasham
@MohammadHasham
Oct 23 2016 10:58
why?
what is the mistake
Adel
@AdelMahjoub
Oct 23 2016 10:58
the first if is always true
Muhammad Hasham
@MohammadHasham
Oct 23 2016 10:58
please can you correct me
how?
Adel
@AdelMahjoub
Oct 23 2016 10:58
@MohammadHasham if you click it will always be O or X so it return
Muhammad Hasham
@MohammadHasham
Oct 23 2016 10:59
yes but the very first time it will execute because arr[index] would be empty
after that it shall not execute @AdelMahjoub
Adel
@AdelMahjoub
Oct 23 2016 11:00
@MohammadHasham it is attached to a click event so nothing will be executed unless you click
Muhammad Hasham
@MohammadHasham
Oct 23 2016 11:00
yes! but isn't it okay.Unless you don't click it nothing shall happen
Adel
@AdelMahjoub
Oct 23 2016 11:01
@MohammadHasham and when you click the first if statement is always true
Sorin Ruse
@sorinr
Oct 23 2016 11:01
@MohammadHasham when you initialize the arr you should have : for(var i=0; i<9; i++) { arr.push(""); } not i<10
Muhammad Hasham
@MohammadHasham
Oct 23 2016 11:05
@sorinr okay i'll correct that
@AdelMahjoub but that's only for the first execution of click statement after that the arr[index] would have a value
Adel
@AdelMahjoub
Oct 23 2016 11:09
@MohammadHasham add a beakpoint then you'll see that nothing will be executed unless you click
@MohammadHasham
$("#b1").on("click",function(){...}) means
var b1 = document.getElementById('b1');
b1.addEventListener('click', function(){..});
the function will not be executed only if you click, and when it is executed it checks you first if statement, which will be always true
j1417
@j1417
Oct 23 2016 11:48
hello!!! I 'm doing the portfolio challenge and i want to create a principal page with buttons to others others sections of the website..how can i do that?
these are just basics
j1417
@j1417
Oct 23 2016 11:54
@kirbyedy hi!! for example i want a navbar with Home and contact button but i want that when i press contact button ,the home page dissapear and the contac form is shown
Sorin Ruse
@sorinr
Oct 23 2016 12:05
@MohammadHasham as you initialize the arr with "" empty values ther is no need to check it like this: if (arr[0]=='X' || arr[0]=='O') just if(arr[0...8] !== "") its enough
Sorin Ruse
@sorinr
Oct 23 2016 12:19
@MohammadHasham also you can reduce all click events trigger to just one function that reads the id of that <td>. after you check for the above you show the player's move by $(id you get from click event).html(sign_option); and update the array. after that you call a function like computerMove() where you implement the AI logic. hope it makes sense
j1417
@j1417
Oct 23 2016 12:40
hi!! i want a navbar with Home and contact button but i want that when i press contact button ,the home page dissapear and the contac form is shown, how can i do it?
Andy Taylor
@theador0691
Oct 23 2016 12:42
Hey guys, say I have 3 col-md-4 with an image in it a h1 and also a <p>. The images are all different sizes but I want to make sure each col-md-4 is the same height. However, if I set the col-md-4 height, the content just breaks out. Is the best option for this just to re-size all the images and make sure they are the same size?
jespernyhlen
@jespernyhlen
Oct 23 2016 12:52
@j1417 Im learning as well so correct me if im wrong or if this is a bad idea. If you look at my example, I first use <a href "#uptown" in my navbar. So when I press my uptown button, it will navigate to my id=uptown, that is my first "page" https://codepen.io/jespernyhlen/pen/wzpAdk?editors=1100
Craig Faulmann
@burpi
Oct 23 2016 12:53
hi guys just wondering if there is away to keep mij content text apart from my HTML in a external file that i can still edit via css
Saminda
@Saminda1
Oct 23 2016 13:27
hey guys i have table with images but the text that is supposed to be under the image comes above the image.
<td><img id="img2" src="http://aquafresh.lk/images/more-than.jpg"/></td>
<td><img id="img2" src="http://aquafresh.lk/images/customized.jpg"/></td>
<td><img id="img2" src="http://aquafresh.lk/images/video.jpg"/></td>
</tr>
<tr>
<ul class="under">
<li>More than just a drink</li>
</ul>
</tr>
Greg Duncan
@GregatGit
Oct 23 2016 13:39
@j1417 if you are using js you can use $('#id).hide();
prageet
@prageet
Oct 23 2016 13:42
blob
@Saminda1 : Is this the correct output?
Saminda
@Saminda1
Oct 23 2016 13:50
@prageet yes that correct
how did u manage to get the text beneath the image?
prageet
@prageet
Oct 23 2016 13:53
@Saminda1 : I did nothing just copied your code.
@Saminda1 : I tested on chrome.
Saminda
@Saminda1
Oct 23 2016 13:54
hmm thats odd, it came up on top for me
Atharva Pandey
@atharvajava
Oct 23 2016 14:04
is there anyother tool other then codepen i am seriously unable to get what i desire
i am using img-rounded in bootstrap but it is not happening
Greg Duncan
@GregatGit
Oct 23 2016 14:21
@atharvajava did you add bootstrap in the css settings and js settings?
@atharvajava paste your pen here - your error is probably easy to fix
Amit Patel
@AmitP88
Oct 23 2016 14:22
hey guys, i'm making a restaurant website for a client and i want to integrate both yelp and facebook reviews (since the retaurant has good reviews on there) onto the website. would it be a good idea to put them in a reviews tab on the nav bar? or should i try to display them on the homepage? (keep in mind i dont want the homepage to look tacky)
Atharva Pandey
@atharvajava
Oct 23 2016 14:30
@GregatGit i did add bootsrap through quickfix on pen and even tried it adding manually it didnt work i think its some bug may be because then i tried making the borders curved as well manually with css using border-radius that also did not work i will ping you my pen once i figure out how to take the link of that pen XD lol
@GregatGit http://codepen.io/atharvajava/pen/kkVgRZ i guess this is it
Greg Duncan
@GregatGit
Oct 23 2016 14:33
@atharvajava in setting you also have to add (in the javascipt) jQuery an bootstap.js - in that order
Atharva Pandey
@atharvajava
Oct 23 2016 14:34
ohh i get it i will try
@GregatGit i did it still not working
jespernyhlen
@jespernyhlen
Oct 23 2016 14:40
@atharvajava
body{
margin-top:60px;
}
img {
border-radius:10px;
}
Does that work for you?
j1417
@j1417
Oct 23 2016 14:41
Hi!!how can i create a website(several pages) in codepen??
Craig Faulmann
@burpi
Oct 23 2016 14:42
dont get messy
use a editor
Toni Didak
@Tomididak
Oct 23 2016 14:43
hello mates:D!
i need some help , can't figure this out :/
Craig Faulmann
@burpi
Oct 23 2016 14:44
i mainly use brackets :D luv it but ppl are luving atom to
Magnus
@magnus195
Oct 23 2016 14:44
hey
Toni Didak
@Tomididak
Oct 23 2016 14:44
I'm on challenge 118, i need to build a tribute page. i have done it but my buttons and links don't work when i click on them .. i can't figure out why
prageet
@prageet
Oct 23 2016 14:44
Atom is good.
Toni Didak
@Tomididak
Oct 23 2016 14:45
anyone man enough to look at my code lol
prageet
@prageet
Oct 23 2016 14:45
You can also Visual Studio Code editor.
Craig Faulmann
@burpi
Oct 23 2016 14:45
link ?
Magnus
@magnus195
Oct 23 2016 14:45
I use atom cause i can't plugins i like for brackets
Toni Didak
@Tomididak
Oct 23 2016 14:45
User Story: I can click on a link that will take me to an external website with further information on the topic.
Craig Faulmann
@burpi
Oct 23 2016 14:45
@Tomididak give us a link :D
tell me if u can see it here
not sure if its possible
did it work to access my codes?
Craig Faulmann
@burpi
Oct 23 2016 14:49
@Tomididak yeah reading it now
action = href""
try that
Toni Didak
@Tomididak
Oct 23 2016 14:50
nice :D im a noob so bear with my codes if something looks stupid lol :P
okej moment
Sorin Ruse
@sorinr
Oct 23 2016 14:50
@MohammadHasham here a short example of what i said before: test pen
Toni Didak
@Tomididak
Oct 23 2016 14:52

u mean like this:

<form class="text-center" action= href"https://www.youtube.com/watch?v=S0kX1JeecSQ"><input class="b1 button2"type="submit" value="Click here if you dear.."></form> ?

if so i did not work

LupusDiamond
@LupusDiamond
Oct 23 2016 14:54
Hey guys
I need some help on the Tribute Page
I'd like to put my unordered list in the middle of the page
The text goes in the middle after I assign him the class "text-center"
but the bullet point doesnt
Craig Faulmann
@burpi
Oct 23 2016 14:57
@Tomididak http://getbootstrap.com/ ur use of form isnt correct
LupusDiamond
@LupusDiamond
Oct 23 2016 14:57
Welp, I'll just use padding
Craig Faulmann
@burpi
Oct 23 2016 14:58
@Tomididak look at the documentain u should be using a <button> and putting it in the correct place with col-
__mifflin__
@cdrainxv
Oct 23 2016 14:58
@Tomididak : if you add target="_blank"in your anchor tags it will open your link on a different tab… if that’s what you mean by external page
Toni Didak
@Tomididak
Oct 23 2016 15:00
i tried <button> but could not figure it out @burpi
@cdrainxv where do i add that?
because thats what i mean
__mifflin__
@cdrainxv
Oct 23 2016 15:00
<a href="http://www.wikihow.com/Snowboard" target="_blank">click here</a>
like this for example
Toni Didak
@Tomididak
Oct 23 2016 15:01
@cd yes i tried it and it worked ! thanks man :D
CamperBot
@camperbot
Oct 23 2016 15:01
:warning: could not find receiver for cd
tomididak sends brownie points to @cd :sparkles: :thumbsup: :sparkles:
__mifflin__
@cdrainxv
Oct 23 2016 15:02
@Tomididak : no problem
Toni Didak
@Tomididak
Oct 23 2016 15:03
but why does it only open youtube when i click the button and not the specific video i added : https://www.youtube.com/watch?v=S0kX1JeecSQ @cdrainxv
Magnus
@magnus195
Oct 23 2016 15:04
@Tomididak are you trying to embed the video?
Toni Didak
@Tomididak
Oct 23 2016 15:05
yes into my button on my page
j1417
@j1417
Oct 23 2016 15:06
Hi!!how can i create a website(several pages) in codepen?
Magnus
@magnus195
Oct 23 2016 15:06
can you use a or iframe
@Tomididak
@j1417 create multiple codepens and link them to eachother
__mifflin__
@cdrainxv
Oct 23 2016 15:07
^^ yeah iframes @Tomididak
Magnus
@magnus195
Oct 23 2016 15:07
<iframe width="560" height="315" src="https://www.youtube.com/embed/S0kX1JeecSQ" frameborder="0" allowfullscreen></iframe>
j1417
@j1417
Oct 23 2016 15:08
@Tomididak how can i link it?? <link href="namepen.html " >??
Magnus
@magnus195
Oct 23 2016 15:09
<a href="URL">text or image</a>
Toni Didak
@Tomididak
Oct 23 2016 15:12
thanks it worked nice job :D @magnus195
CamperBot
@camperbot
Oct 23 2016 15:12
tomididak sends brownie points to @magnus195 :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @magnus195 |http://www.freecodecamp.com/magnus195
Toni Didak
@Tomididak
Oct 23 2016 15:12
@j1417 just as magnus told you :D
j1417
@j1417
Oct 23 2016 15:43
the url of the pen¿¿¿
Atharva Pandey
@atharvajava
Oct 23 2016 15:44
@jespernyhlen and that didn't work
F22rapt
@F22rapt
Oct 23 2016 15:45
jello jello
j1417
@j1417
Oct 23 2016 15:48
how can link pens??
F22rapt
@F22rapt
Oct 23 2016 15:49
<.> url
Ben
@TheBenjimoto
Oct 23 2016 15:50
Hi guys, just started on intermediate projects section (random quote generator) and have no idea how to start. Should I learn about the DOM?
i want to create a link to other page
when i click in portfolio
a page that is in a pen
the link redirects me to www.codepen...... but i want be redirected to my page in the pen
Fatah N
@fatahn
Oct 23 2016 15:55
@TheBenjimoto just find similar examples and try to understand. DOM understanding will come along the way
kenz9932
@kenz9932
Oct 23 2016 15:55
hope someone can help to explain to me with this question Set remainder equal to the remainder of 11 divided by 3 using the remainder (%) operator.
Ben
@TheBenjimoto
Oct 23 2016 15:57
@kenz9932 11 % 3 is similar to saying 11/3 with the result being the remainder. So in this case 11 % 3 is equal to 2
Fatah N
@fatahn
Oct 23 2016 15:57
@j1417 I remember i think i had the same issue. try setting the target attribute of your link to target="_blank" so it opens in another tab
kenz9932
@kenz9932
Oct 23 2016 15:58
thanks @TheBenjimoto
CamperBot
@camperbot
Oct 23 2016 15:58
kenz9932 sends brownie points to @thebenjimoto :sparkles: :thumbsup: :sparkles:
:cookie: 259 | @thebenjimoto |http://www.freecodecamp.com/thebenjimoto
kenz9932
@kenz9932
Oct 23 2016 15:58
what is remainder
j1417
@j1417
Oct 23 2016 16:01
@nfatah the link redirects me to www.code....it shows twice the editor..i wanto be redirected to the pen page not to www.code
Fatah N
@fatahn
Oct 23 2016 16:05
use Juan1417/pen/ZpwKpG" of /Juan1417/pen/ZpwKpG
@j1417 i just tred that remove https://codepen.io
Jānis
@CodeNewbee
Oct 23 2016 16:07
Hey, is there a way how to make box-shadow vertical offset? As in, skip a few pixels and start shadow there.
xSnowpeltx
@xSnowpeltx
Oct 23 2016 16:08

So I'm trying to get it so that i can call an <audio> element to play multiple times. right now I have the code ```function playAud(aud) {
aud.play();

aud.onended = function() {
  aud.pause();
};

}```

is that ok?
xSnowpeltx
@xSnowpeltx
Oct 23 2016 16:09
function playAud(aud) {
    aud.play();

    aud.onended = function() {
      aud.pause();
    };
  }
That. And sometimes it works, but sometimes it doesnt. Heres my pen. https://codepen.io/xSnowpeltx/pen/dpwZZO
F22rapt
@F22rapt
Oct 23 2016 16:11
stumped. I forgot to save my code and can't remember how to get my P justified under my header so its not left or right aligned. Just kind of like in a block right under the centered header
KonSal
@KonSal
Oct 23 2016 16:12
Simon game gives me headaches :worried:
Not your @xSnowpeltx , the project in general :P
Anyone that would like to give it a look? I have multiple issues, like I can't get the user input to work.
xSnowpeltx
@xSnowpeltx
Oct 23 2016 16:15
yeah the project is pretty involved. I could take a look @KonSal
j1417
@j1417
Oct 23 2016 16:16
can i create a web site, i mean several pages related in codepen??
shado12
@shado12
Oct 23 2016 16:16
Hey there, Can anyone tell me whether images open in codepen via links or not?
KonSal
@KonSal
Oct 23 2016 16:17
@shado12 they do shado
@j1417 There's no need to do that in codepen, you might use github pages for that.
Artur Arsalanov
@kurumkan
Oct 23 2016 16:17
@xSnowpeltx if you have problem with audio I advice https://howlerjs.com/ it will make your audio operations alot easier
KonSal
@KonSal
Oct 23 2016 16:18
@kurumkan Yeah, used Howler as well, pretty useful library.
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 16:18
@shado12 those links should be absolute path not relative. :)
shado12
@shado12
Oct 23 2016 16:18
Thanks @KonSal and @NitinNair89
CamperBot
@camperbot
Oct 23 2016 16:18
:cookie: 376 | @konsal |http://www.freecodecamp.com/konsal
shado12 sends brownie points to @konsal and @nitinnair89 :sparkles: :thumbsup: :sparkles:
j1417
@j1417
Oct 23 2016 16:18
@KonSal how can i do to change the active anchor in the navbar without creating a new page??
CamperBot
@camperbot
Oct 23 2016 16:18
:cookie: 300 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
shado12
@shado12
Oct 23 2016 16:19
@shado12
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 16:19
@j1417 You can create a single page website in codepen with related sections. (E.g. Portfolio site)
j1417
@j1417
Oct 23 2016 16:20
@NitinNair89 ohh..and how i do to change the active anchor in the navbar??
kenz9932
@kenz9932
Oct 23 2016 16:20
hi, how do i solve this problem ? Convert Celsius to Fahrenheit

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

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

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

Artur Arsalanov
@kurumkan
Oct 23 2016 16:21
@kenz9932 what the problem?
kenz9932
@kenz9932
Oct 23 2016 16:21
ermm..
KonSal
@KonSal
Oct 23 2016 16:21
@kenz9932 Multiply by 9, then divide by 5, then add 32
j1417
@j1417
Oct 23 2016 16:22
@KonSal hey! how can i chanhe the active anchor??
KonSal
@KonSal
Oct 23 2016 16:22
@kenz9932 to paste code, use 3 backticks at beggining and at the end
kenz9932
@kenz9932
Oct 23 2016 16:22
var fahrenheit = (9/5) + 32;
is it posible
KonSal
@KonSal
Oct 23 2016 16:22
@kenz9932 yep, why not.
@j1417 i'm not really sure what u're trying to do
xSnowpeltx
@xSnowpeltx
Oct 23 2016 16:23
@KonSal I'm not sure if onclick works with a function that takes a parameter. Also I'm pretty sure you should have function userInput(whichField) not var userInput = function(whichField). You could always just do a jquery $().click() and set a variable in there equal to $(this).attr('id');
kenz9932
@kenz9932
Oct 23 2016 16:24
@KonSal thanks, but it not working
CamperBot
@camperbot
Oct 23 2016 16:24
kenz9932 sends brownie points to @konsal :sparkles: :thumbsup: :sparkles:
:cookie: 377 | @konsal |http://www.freecodecamp.com/konsal
j1417
@j1417
Oct 23 2016 16:24
@KonSal im trying to do this https://codepen.io/FreeCodeCamp/full/YqLyXB/
KonSal
@KonSal
Oct 23 2016 16:25
@kenz9932
var fahreneit = (celcius*9)/5 + 32
@j1417 i can see that the menu highlight is indeed changing, what else you want it to do?
kenz9932
@kenz9932
Oct 23 2016 16:29
thanks @KonSal
CamperBot
@camperbot
Oct 23 2016 16:29
kenz9932 sends brownie points to @konsal :sparkles: :thumbsup: :sparkles:
:warning: kenz9932 already gave konsal points
kenz9932
@kenz9932
Oct 23 2016 16:29
would you mind explain abit more to me?
cz im nt sure what happening in there
KonSal
@KonSal
Oct 23 2016 16:31
@kenz9932 Alright. You have formula that converts °C to °F. That can be done by multiplying °C with 9, then dividing with 5 and at the end adding 32. You example before, didn't work cause you forgot to include °C in the formula. You were just playing with plain numbers.
kenz9932
@kenz9932
Oct 23 2016 16:33
oic
wow!
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 16:38
@j1417 active anchor? You mean the li with 'active' class?
xSnowpeltx
@xSnowpeltx
Oct 23 2016 16:44
@KonSal did my advice help at all?
Mario
@mariomeissner
Oct 23 2016 16:54

Hello! I have a quick question. I am here
https://www.freecodecamp.com/challenges/record-collection
and I am wondering what the sense of this line of code is:

var collectionCopy = JSON.parse(JSON.stringify(collection));

Since well, parse and stringify are just undoing each others work right there. why not just make a copy without using those two methods? what is the purpose?

Omar Salem
@OmarSalem563
Oct 23 2016 16:58
Your p elements should use the font Monospace.
KonSal
@KonSal
Oct 23 2016 16:59
@xSnowpeltx Yeah, made them work but still some much work to do that i got dizzy :P thanks!
CamperBot
@camperbot
Oct 23 2016 16:59
konsal sends brownie points to @xsnowpeltx :sparkles: :thumbsup: :sparkles:
:cookie: 300 | @xsnowpeltx |http://www.freecodecamp.com/xsnowpeltx
Atharva Pandey
@atharvajava
Oct 23 2016 17:04
j1417
@j1417
Oct 23 2016 17:06
how can i create a function to add the class active to a <li > in a navbar
?
Artur Arsalanov
@kurumkan
Oct 23 2016 17:09
@atharvajava mistake : class "img-responsive"
@atharvajava you can paste your full html and check it https://validator.w3.org/#validate_by_input
Atharva Pandey
@atharvajava
Oct 23 2016 17:10
@kurumkan ahh that i was trying to use img-rounded but it didnt work i am already using img-responsive there but it is somehow not working i dont know why
Sorin Ruse
@sorinr
Oct 23 2016 17:11
@Tomididak transform your form tag into a simple <a href="https://www.youtube.com/watch?v=S0kX1JeecSQ" target="_blank> link tag and get rid of that input type submit. u r not submitting anything. u just need a link to an youtube video. then style your <a> tag as you did for the input class="b1 button2"
Artur Arsalanov
@kurumkan
Oct 23 2016 17:11
@atharvajava class="img-responsive" you should put = sign
A_A
@Otto-AA
Oct 23 2016 17:11
@j1417 If you use jQuery: $('li').addClass("active");
Atharva Pandey
@atharvajava
Oct 23 2016 17:12
@kurumkan <img src="http://www.parimalnathwani.com/wp-content/uploads/2016/01/dhirubhai_blog_1.jpg" class "img-responsive" width="892px"></img>
lol now i get it thanks
@kurumkan thanks
CamperBot
@camperbot
Oct 23 2016 17:12
atharvajava sends brownie points to @kurumkan :sparkles: :thumbsup: :sparkles:
:cookie: 361 | @kurumkan |http://www.freecodecamp.com/kurumkan
Artur Arsalanov
@kurumkan
Oct 23 2016 17:12
@atharvajava welcome!
j1417
@j1417
Oct 23 2016 17:17
how can i create a function to add the class active to a <li > in a navbar??
A_A
@Otto-AA
Oct 23 2016 17:17
@j1417 Did you read my answer?
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 17:18
@j1417 If you use jQuery: $('li').addClass("active");
@j1417 .. answered by @Otto-AA
j1417
@j1417
Oct 23 2016 17:18
@Otto-AA yes but i want to select an espefic li element
A_A
@Otto-AA
Oct 23 2016 17:19
@j1417 Then give it an id and select it with $('#yourID')...
j1417
@j1417
Oct 23 2016 17:19
the one im cliking how ??
vuasin
@vuasin
Oct 23 2016 17:19
guys
i have a timeline on someone life on my site
and its to the left
Vince Campanale
@vincecampanale
Oct 23 2016 17:20
Any jQuery/AJAX experts who could help me make an API cal?
vuasin
@vuasin
Oct 23 2016 17:20
how do i mov eit
move it*
j1417
@j1417
Oct 23 2016 17:20
@Otto-AA @j1417 i wan to select the li that i click
A_A
@Otto-AA
Oct 23 2016 17:21
@j1417 You can use $(this) for that
$('.nav li').click(function() {
     $(this).addClass("active");
});
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 17:21
I think it should be toggleClass @Otto-AA else all <li> will have the active class when clicked.
A_A
@Otto-AA
Oct 23 2016 17:22
@NitinNair89 I think it only targets the one he clicked
j1417
@j1417
Oct 23 2016 17:22
i want to do something like @j1417 If you use jQuery: $('li').addClass("active");
A_A
@Otto-AA
Oct 23 2016 17:23
@j1417 Can you give us the link to your pen?
j1417
@j1417
Oct 23 2016 17:23
sorry
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 17:23
@Otto-AA Yes you are right, but what about the <li> which already has active class due to previous click?
A_A
@Otto-AA
Oct 23 2016 17:24
@NitinNair89 Simply use $('.nav li').removeClass("active"); to remove all and then add the targeted one after
This works as long as you only have one active class
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 17:25
I know that @Otto-AA but @j1417 wouldn't. :)
:)
A_A
@Otto-AA
Oct 23 2016 17:25
@NitinNair89 Oh yeah O.o
Sorin Ruse
@sorinr
Oct 23 2016 17:29
@j1417 lets say you have a function like: $('a').on('click', function(e){ $(this).addClass('active')}); will add the class to the current a tag you have clicked
j1417
@j1417
Oct 23 2016 17:32
@sorinr what is the e argument??? i havent seen all those things about js yet......
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 17:34
@j1417 you can ignore it for now
Sorin Ruse
@sorinr
Oct 23 2016 17:34
@j1417 the "e" is the element object triggering the event. try after function(e){ to add a console.log(e); call and look into the console for the response
j1417
@j1417
Oct 23 2016 17:37
and then??
Sorin Ruse
@sorinr
Oct 23 2016 17:41
@j1417 i use it a lot for debugging. just to understand whats going on. which exactly element has triggered that event, what id has the element if any, etc. as @NitinNair89 you can ignore it for now
j1417
@j1417
Oct 23 2016 17:42
@sorinr ohh thnak you and then??
Atharva Pandey
@atharvajava
Oct 23 2016 17:43
@NitinNair89 thats a nice page did you made that on here for FCC
Sorin Ruse
@sorinr
Oct 23 2016 17:48
@j1417 the part that interest you is the $(this).addClass('active');
Muhammad Hasham
@MohammadHasham
Oct 23 2016 17:48
@sorinr Thank you so so much!
CamperBot
@camperbot
Oct 23 2016 17:48
mohammadhasham sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 784 | @sorinr |http://www.freecodecamp.com/sorinr
Muhammad Hasham
@MohammadHasham
Oct 23 2016 17:48
that test pen really helping me
@sorinr Thanks alot ! :-)
CamperBot
@camperbot
Oct 23 2016 17:49
mohammadhasham sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:warning: mohammadhasham already gave sorinr points
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 17:49
@atharvajava Which page are you talking about?
Atharva Pandey
@atharvajava
Oct 23 2016 17:49
hey is there anyway i can avoid using codepen for the challanges and use something else instead
j1417
@j1417
Oct 23 2016 17:49
This message was deleted
Atharva Pandey
@atharvajava
Oct 23 2016 17:49
@NitinNair89 www.nitinnair.com
i added de function @sorinr
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 17:50
@atharvajava You mean - http://nitinchandrannair.com/ ?
Atharva Pandey
@atharvajava
Oct 23 2016 17:50
@NitinNair89 yes
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 17:50
That's what i am currently working on, setting up a portfolio page for myself :P
Sorin Ruse
@sorinr
Oct 23 2016 17:50
@j1417 just a sec
Atharva Pandey
@atharvajava
Oct 23 2016 17:51
@NitinNair89 seems pretty clean though i am not a fan of grey bg instead white bg is more soothing
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 17:51
i didn't do it for FCC. Let me fetch you the FCC link
@atharvajava Yep, working on the image resolution, takes time to load, background is not grey. This is what I made for FCC - http://codepen.io/Nitin-Chandran-Nair/full/pbPLVk
Atharva Pandey
@atharvajava
Oct 23 2016 17:52
well right now i am wondering how to get rid of codepen ;-;
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 17:52
why so @atharvajava ?
Atharva Pandey
@atharvajava
Oct 23 2016 17:52
well i am more comfortable making it locally and then like uploading to codepen
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 17:53
Yeah, that's fine
Atharva Pandey
@atharvajava
Oct 23 2016 17:53
yes but i dont know if that is possible
A_A
@Otto-AA
Oct 23 2016 17:53
@j1417 Did you add jQuery to your JS-settings?
Atharva Pandey
@atharvajava
Oct 23 2016 17:54
haha @NitinNair89 codepen oen looks more cleaner :P
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 17:54
haha yep @atharvajava
j1417
@j1417
Oct 23 2016 17:54
@Otto-AA i did it
A_A
@Otto-AA
Oct 23 2016 17:55
@j1417 It works :)
Sorin Ruse
@sorinr
Oct 23 2016 17:55
@j1417 here a copy of your pen portfolio
j1417
@j1417
Oct 23 2016 17:56
@sorinr ohh thank you i'll check it
CamperBot
@camperbot
Oct 23 2016 17:56
j1417 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 785 | @sorinr |http://www.freecodecamp.com/sorinr
Sorin Ruse
@sorinr
Oct 23 2016 17:59
@j1417 this is what u wanted?
Adrian Gulbrandsen
@adriangul123
Oct 23 2016 18:01
@j1417 how did you get full width? mine wont https://codepen.io/adriangul/full/WGPZjB/
j1417
@j1417
Oct 23 2016 18:01
@sorinr yesss!!!!!
Adrian Gulbrandsen
@adriangul123
Oct 23 2016 18:01
Muhammad Hasham
@MohammadHasham
Oct 23 2016 18:02
@sorinr how can i get better in javascript so that i can code the way you do
how can fill in those gaps
j1417
@j1417
Oct 23 2016 18:02
@adriangul123 where did i get ful width??
Adrian Gulbrandsen
@adriangul123
Oct 23 2016 18:03
yes @j1417
j1417
@j1417
Oct 23 2016 18:03
@adriangul123 ?
Adrian Gulbrandsen
@adriangul123
Oct 23 2016 18:04
my nav and my img is not 100% width
Sorin Ruse
@sorinr
Oct 23 2016 18:05
@MohammadHasham just don't hurry and take your time for learning. read a lot watch videos and try to think logical. if you have same code that repeats over and over think its time to just put it into a function and call that function. you will get it by just exercising a lot
Muhammad Hasham
@MohammadHasham
Oct 23 2016 18:06
okay @sorinr Thanks should i do a course in JS after finishing FCC? do u recommend that
CamperBot
@camperbot
Oct 23 2016 18:06
mohammadhasham sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:warning: mohammadhasham already gave sorinr points
j1417
@j1417
Oct 23 2016 18:10
@adriangul123 it is by default
Adrian Gulbrandsen
@adriangul123
Oct 23 2016 18:11
you did'nt use container-fluid?
j1417
@j1417
Oct 23 2016 18:12
yes i did @adriangul123
Sorin Ruse
@sorinr
Oct 23 2016 18:12
@MohammadHasham there are a lot of free js courses over the internet you can follow. but the most you practice the more u learn
Adrian Gulbrandsen
@adriangul123
Oct 23 2016 18:12
ok I have done something wrong! its frustrating
Muhammad Hasham
@MohammadHasham
Oct 23 2016 18:13
@sorinr Okay Thanks
CamperBot
@camperbot
Oct 23 2016 18:13
mohammadhasham sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:warning: mohammadhasham already gave sorinr points
Sorin Ruse
@sorinr
Oct 23 2016 18:18
@adriangul123 do you want a full page background from that img?
Adrian Gulbrandsen
@adriangul123
Oct 23 2016 18:19
yes @sorinr
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 18:21
12 am here and i am coding.. :two_hearts:
Guys, the paypal donation only works for business accounts and not for freelancers?
Adrian Gulbrandsen
@adriangul123
Oct 23 2016 18:24
@sorinr did'nt work
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 18:25
@adriangul123 Try this in your body css:
body {
    padding: 0;
    margin: 0;
    background-image: url('your_img_url_here');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
Sorin Ruse
@sorinr
Oct 23 2016 18:26
@adriangul123 its working. just compare portfolio
@adriangul123 find out where u where wrong
Adrian Gulbrandsen
@adriangul123
Oct 23 2016 18:29
@sorinr you dont use container-fluid
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 18:30
@adriangul123 Have you tried the CSS i gave you>
?
Sorin Ruse
@sorinr
Oct 23 2016 18:30
@adriangul123 nope. why should I? if you want it add it after navigation bar
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 18:30
That's a sample, you can use it on any element
Adrian Gulbrandsen
@adriangul123
Oct 23 2016 18:31
yeah the image was good but not the nav @NitinNair89
ok thanks @sorinr I have tried to fix it for a long time now!
CamperBot
@camperbot
Oct 23 2016 18:31
adriangul123 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 786 | @sorinr |http://www.freecodecamp.com/sorinr
Sorin Ruse
@sorinr
Oct 23 2016 18:33
@adriangul123 welcome
Adrian Gulbrandsen
@adriangul123
Oct 23 2016 18:36
now I have another problem
want the ul to be right alligned
Alfarhan Zahedi
@alfarhanz
Oct 23 2016 18:41
@adriangul123 ... close the <div class="navbar-header"> .. earlier
like.
<div class="navbar-header">
<a class="navbar-brand" href="#">Adrian Gulbrandsen</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li class="hover"><a href="#about">About</a></li>
<li class="hover"><a href="#portfolio">Portfolio</a></li>
<li class="hover"><a href="#">Contact me</a></li>
</ul>
Adrian Gulbrandsen
@adriangul123
Oct 23 2016 18:43
@alfarhanz thanks so now I set some padding on it to be perfect
CamperBot
@camperbot
Oct 23 2016 18:43
adriangul123 sends brownie points to @alfarhanz :sparkles: :thumbsup: :sparkles:
:cookie: 301 | @alfarhanz |http://www.freecodecamp.com/alfarhanz
Adrian Gulbrandsen
@adriangul123
Oct 23 2016 18:46
how do I get rid of the scrollbar on fullpage ? @alfarhanz
Alfarhan Zahedi
@alfarhanz
Oct 23 2016 18:48
wrap the contents of navbar in a container

like

<nav class="navbar navbar-default navbar-inner">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Adrian Gulbrandsen</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li class="hover"><a href="#about">About</a></li>
<li class="hover"><a href="#portfolio">Portfolio</a></li>
<li class="hover"><a href="#">Contact me</a></li>
</ul>
</div>
</div>
</nav>

Nitin Chandran Nair
@NitinNair89
Oct 23 2016 18:48
What's the ideal height of a section to make it full screen?
Adrian Gulbrandsen
@adriangul123
Oct 23 2016 18:50
https://codepen.io/adriangul/pen/ALNvyL look at it now! its allmost like I want it. but the code is wrong what do I need to change ? @alfarhanz thank you so much 4 your time!
CamperBot
@camperbot
Oct 23 2016 18:50
adriangul123 sends brownie points to @alfarhanz :sparkles: :thumbsup: :sparkles:
:warning: adriangul123 already gave alfarhanz points
Alfarhan Zahedi
@alfarhanz
Oct 23 2016 18:52
@adriangul123 .. you have used <div class="container-fluid" ... missing '>'
also... the div is not used at the correct place i guess
It should be under the <nav>
Adrian Gulbrandsen
@adriangul123
Oct 23 2016 18:54
Yeah I now its missing the > but its transparent when its not there. and thats what I want
Alfarhan Zahedi
@alfarhanz
Oct 23 2016 18:55
okay ... :)
Adrian Gulbrandsen
@adriangul123
Oct 23 2016 18:55
so thats the problem :D
TasmaniaKrama
@TasmaniaKrama
Oct 23 2016 19:08
Could someone tell me how they completed the random quote machine test?
I have been searching for tutorials on api and ajax and json and everywhere people start writing something different. Now I am even more confused than when I started.
For example I found some api over reddit which gives quotes but it's so confusing I have no idea how to use it. Is there any good api that we are supposed to use?
Alfarhan Zahedi
@alfarhanz
Oct 23 2016 19:21
@TasmaniaKrama ... I used an array of quotes and accessed the by generating random numbers... that's it
A_A
@Otto-AA
Oct 23 2016 19:21
@TasmaniaKrama Or if you want to use an API, I'd suggest this one: http://forismatic.com/en/
TasmaniaKrama
@TasmaniaKrama
Oct 23 2016 19:22
@Otto-AA I tried to use that, too complex.
Philipp Scholz
@philipp32
Oct 23 2016 19:22
Hey guys, I feel a bit stupid. I can't design a simple rectangle to be responsive.
I've watched a lot of tutorials but I still have no idea what to do. :/
The measurements are relative to its parent element.
So in theory it should decrease in size until a certain point but it doesn't...
A_A
@Otto-AA
Oct 23 2016 19:23
@philipp32 can you give us the link?
Philipp Scholz
@philipp32
Oct 23 2016 19:24
A_A
@Otto-AA
Oct 23 2016 19:25
@philipp32 So you want #background_rectangle scale to what?
Philipp Scholz
@philipp32
Oct 23 2016 19:26
I know how to set it to a certain size after 600px or so. When one decreases the size of the window it should decrease with it .
@Otto-AA That's pretty much all I want for now.
A_A
@Otto-AA
Oct 23 2016 19:27
@Otto-AA There are some ways to do that:
width: 70%;
// or
width: 1000px;
min-width: 100%;
vínαч puppαl
@vinaypuppal
Oct 23 2016 19:28
@TasmaniaKrama You can use your own quotes/ pick few from here and randomly select one any display or you can use an API
Philipp Scholz
@philipp32
Oct 23 2016 19:28
This message was deleted
This message was deleted
A_A
@Otto-AA
Oct 23 2016 19:29
@philipp32 Give body and html width: 100%; height: 100%
TasmaniaKrama
@TasmaniaKrama
Oct 23 2016 19:31
@vinaypuppal I am using the quotesondesign code but it isn't working
A_A
@Otto-AA
Oct 23 2016 19:31
@philipp32 And just a tip: you could remove everything under backround and replace it with margin: 0 auto;
vínαч puppαl
@vinaypuppal
Oct 23 2016 19:31
@TasmaniaKrama can you provide link to your pen
TasmaniaKrama
@TasmaniaKrama
Oct 23 2016 19:31
@TasmaniaKrama first it was something about https and http, so I figured over reddit to add https://crossorigin.me/ but now it's not working
vínαч puppαl
@vinaypuppal
Oct 23 2016 19:33
@TasmaniaKrama its working in my browser but its slow
TasmaniaKrama
@TasmaniaKrama
Oct 23 2016 19:33
._.
@vinaypuppal I am using latest chrome version. I have no idea how it's not working for me.
A_A
@Otto-AA
Oct 23 2016 19:33
@TasmaniaKrama Also working for me on firefox
Philipp Scholz
@philipp32
Oct 23 2016 19:33
http://codepen.io/philipp32/full/rrPzkP/ @Otto-AA That's what I did. Still doesn't work. :/
vínαч puppαl
@vinaypuppal
Oct 23 2016 19:34
blob
TasmaniaKrama
@TasmaniaKrama
Oct 23 2016 19:34
actually it did load a quote now. But it took a minute
vínαч puppαl
@vinaypuppal
Oct 23 2016 19:34
@TasmaniaKrama yes its slow but working
Philipp Scholz
@philipp32
Oct 23 2016 19:34
@Otto-AA It's probably something really simple. :/
TasmaniaKrama
@TasmaniaKrama
Oct 23 2016 19:34
@Otto-AA It does appear to work but it takes a minute to load. How can this be changed? Or is this a server thing and out of my control?
KonSal
@KonSal
Oct 23 2016 19:36
Any help would be more than appreciated. I'm working on the Simon Says Project.
I have design ready and most of the functionality. Although, I'm missing on the most crucial part,
how to get it to work. :stuck_out_tongue: :cry:
My JS functions I hope are pretty self-explanatory. Now, I'm trying to make the getPlayerSequence function, the one
that is gonna be responsible for the whole gameplay. I have no clue on how to gather player data, compare them with
sequence and continue the gameplay.
Any tips/advice would be soooo Welcomed!
Here's my codepen:
http://codepen.io/KonSal/pen/pgjozZ/?editors=0010
A_A
@Otto-AA
Oct 23 2016 19:36
@philipp32 Oh, write max-width: 50%. An typo of me O.o
Philipp Scholz
@philipp32
Oct 23 2016 19:39
@Otto-AA Thanks. That does work.
CamperBot
@camperbot
Oct 23 2016 19:39
philipp32 sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:cookie: 318 | @otto-aa |http://www.freecodecamp.com/otto-aa
Philipp Scholz
@philipp32
Oct 23 2016 19:39
This is my intended design for the site.
Will this code do the same with the rest of the graphics of the webpage?
A_A
@Otto-AA
Oct 23 2016 19:41
@philipp32 If the graphics are inside of it and are also responsive (width: some%) then it should work
Philipp Scholz
@philipp32
Oct 23 2016 19:41
@Otto-AA so I have to adjust the width with percent. That's all? Wow. That seems to be simple. Thank you again for your help.
CamperBot
@camperbot
Oct 23 2016 19:41
philipp32 sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:warning: philipp32 already gave otto-aa points
Philipp Scholz
@philipp32
Oct 23 2016 19:44
gn8
vínαч puppαl
@vinaypuppal
Oct 23 2016 19:44

@TasmaniaKrama First load pen over http i.e remove s in https in your codepen URL and just replace your whole js with below code

$('#button').on('click', function(e) {
    e.preventDefault();
    $.getJSON('http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback='+Math.random(), function(data){
      $('#qtitle').text(data[0].title);
        $('#qcontent').html(data[0].content);
    });
  });

And it works instantly without delay which you have before

Stanciu Valentin
@StanciuV
Oct 23 2016 19:47
hey everyone :D thought to leave this free course on Udemy since I too, had issues understanding Bootstrap and how to tweak features of it
hope it helps
Daniel Ferrazoli
@ferrazoli
Oct 23 2016 20:14
Hey guys I'd like to bring my text a little bit closer to the top of the jumbotron
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 20:15
decrease jumbotron padding @ferrazoli
Daniel Ferrazoli
@ferrazoli
Oct 23 2016 20:16
oh
I was trying to decrease the text padding
facepalms
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 20:16
:)
Daniel Ferrazoli
@ferrazoli
Oct 23 2016 20:16
@NitinNair89 thanks
CamperBot
@camperbot
Oct 23 2016 20:16
ferrazoli sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 301 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
Nitin Chandran Nair
@NitinNair89
Oct 23 2016 20:16
No problem :smiley:
Yunior Batista
@yb13
Oct 23 2016 20:31
Hi everyone, I was looking to obtain some feedback on the tribute's page project. Please, any feedback will be appreciated. Thanks http://codepen.io/ybatista1121/pen/bwzAXj
KonSal
@KonSal
Oct 23 2016 21:02
Could somebody help me find a bug in my Simon Says Project? :)
I'm totally blind on my own code. :P
How to replicate:
Start a game -> Reach a certain score -> Click Stop -> Restart game -> Score is jumping from there (looks like it's not resetting somewhere)
There are quite a lot more bugs, trying to fix this one first.
My codepen:
http://codepen.io/KonSal/pen/pgjozZ/?editors=0011
TasmaniaKrama
@TasmaniaKrama
Oct 23 2016 21:06
@vinaypuppal thanks
CamperBot
@camperbot
Oct 23 2016 21:06
:cookie: 635 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
tasmaniakrama sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
TasmaniaKrama
@TasmaniaKrama
Oct 23 2016 21:09
@vinaypuppal But why do you need &callback='+Math.random() when the filter is already set to rand?
Vanessa Marron
@Vmarron
Oct 23 2016 21:18
Hey everyone, so i'm trying to align the li divs horizontally, but I can't seem to figure it out. https://codepen.io/VanessaMarron/pen/jrvmNr
Walid Ashri
@walidashri
Oct 23 2016 21:27
@Vmarron meanin u need two col?
Vanessa Marron
@Vmarron
Oct 23 2016 21:36
yes :)
j1417
@j1417
Oct 23 2016 21:37
This message was deleted
Vanessa Marron
@Vmarron
Oct 23 2016 21:39
I tried floating it to the left and the background color disappeared on it, and it still wasn't aligned. @walidashri
Walid Ashri
@walidashri
Oct 23 2016 21:48
@Vmarron u make me bang my head then I realized that bootstrap is not in ur settings :O
Vanessa Marron
@Vmarron
Oct 23 2016 21:48
lol is that what it was?!
do I add it to the html part? @walidashri
Walid Ashri
@walidashri
Oct 23 2016 21:50
css settings :) @Vmarron and u have many overlapped divs need to be adjusted
Vanessa Marron
@Vmarron
Oct 23 2016 21:50
woah yeah I just added it and it changed my entire thing. Thank you so much! @walidashri
CamperBot
@camperbot
Oct 23 2016 21:50
:cookie: 446 | @walidashri |http://www.freecodecamp.com/walidashri
vmarron sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
Walid Ashri
@walidashri
Oct 23 2016 21:51
@Vmarron :+1:
Walid Ashri
@walidashri
Oct 23 2016 22:05
@Vmarron remove row width
vínαч puppαl
@vinaypuppal
Oct 23 2016 22:10
@TasmaniaKrama if you just use &callback= then browser locally caches you request and when you click button again its same request so nothing will happen since browser already made that request so it does nothing. If we use &callback='+Math.random() then it will think its different URL(as Math.random() appends some random number at end) so on every button click we get new quote. Thats the reason why i used &callback='+Math.random() .
Walid Ashri
@walidashri
Oct 23 2016 22:30
@Vmarron
Logan Sinclair
@LoganS1
Oct 23 2016 22:51

could someone review my tribute page and see if anything needs changed, removed, added, etc.

http://codepen.io/LoganS2/full/BLrjPY/

Walid Ashri
@walidashri
Oct 23 2016 22:59
@LoganS1 very nice work if u can make the img 1st spin little slower I think better
Logan Sinclair
@LoganS1
Oct 23 2016 23:00
why just the 1st image @walidashri the 2nd and 3rd image should spin at the same rate as the 1st
Walid Ashri
@walidashri
Oct 23 2016 23:01
i meant all :)
Logan Sinclair
@LoganS1
Oct 23 2016 23:01
oh ok, thanks! @walidashri
CamperBot
@camperbot
Oct 23 2016 23:01
:cookie: 447 | @walidashri |http://www.freecodecamp.com/walidashri
logans1 sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
Walid Ashri
@walidashri
Oct 23 2016 23:01
@LoganS1 very nice work wtg
KonSal
@KonSal
Oct 23 2016 23:04
@LoganS1 also, have some more space above your <h1> cause it's adjacent to the grey box and looks weird.
Nice work tho :)
KonSal
@KonSal
Oct 23 2016 23:09
@jacobus-brogly really nice work! hopefully mine will be as functional as yours :P
jacobus-brogly
@jacobus-brogly
Oct 23 2016 23:10
check out my tic tac toe
KonSal
@KonSal
Oct 23 2016 23:12
@jacobus-brogly it's not with Min-Max, right?
jacobus-brogly
@jacobus-brogly
Oct 23 2016 23:14
min max for tic tac toe?, lol , no
the game is already predictable after the first 3 moves
KonSal
@KonSal
Oct 23 2016 23:15
@jacobus-brogly i think it's one of the Bonus user stories
to make it unbeatable
i didn't implement Minmax either
jacobus-brogly
@jacobus-brogly
Oct 23 2016 23:15
I followed the old program
KonSal
@KonSal
Oct 23 2016 23:15
yeah, it was on the old program, not really sure about now
jacobus-brogly
@jacobus-brogly
Oct 23 2016 23:15
I dont know about bonus, yes you can win from the tic tac, but what is the fun in that
i mean tic tac cant loose , but I didnt make it like that
KonSal
@KonSal
Oct 23 2016 23:16
ehh, no clue :P
look at mine, i have 2 different difficulties
jacobus-brogly
@jacobus-brogly
Oct 23 2016 23:16
ok
KonSal
@KonSal
Oct 23 2016 23:17
reserved the 3rd one if I ever do Minmax
jacobus-brogly
@jacobus-brogly
Oct 23 2016 23:17
min max, dont waste your time on it
"matrix games"
KonSal
@KonSal
Oct 23 2016 23:17
i won't, maybe if I ever have time to waste, lol
jacobus-brogly
@jacobus-brogly
Oct 23 2016 23:18
my rogue game is a remake of quest for dungeons
but for web
i ripped the graphics and musics from the game
Adel
@AdelMahjoub
Oct 23 2016 23:23
@jacobus-brogly hi, where is your quest for dungeons game
jacobus-brogly
@jacobus-brogly
Oct 23 2016 23:23
still making it)))
Adel
@AdelMahjoub
Oct 23 2016 23:23
@jacobus-brogly ah , nvm
jacobus-brogly
@jacobus-brogly
Oct 23 2016 23:23
I have a job now, so its a bit hard, worked on it today
have you finnised rogue? @AdelMahjoub ?
Adel
@AdelMahjoub
Oct 23 2016 23:28
@not yet
@jacobus-brogly not yet
vuasin
@vuasin
Oct 23 2016 23:30
guys i need help
h1 {
text-align: center;
font-family:"Times New Roman";
font-size: 100%;
}
wont change h1
abd @KonSal if i must say you did a good job on that game , i could never do that
KonSal
@KonSal
Oct 23 2016 23:33
@vuasin glad to hear that. by the way, what do you want to change on that h1
vuasin
@vuasin
Oct 23 2016 23:33
but if i put X or O in 3 corners , theres no way to win
to lose*
unless i have to stop the O win
because with 3 X's in corners i have 2 opportunities to win
KonSal
@KonSal
Oct 23 2016 23:34
@vuasin yeah, AI plays purely random at 1st difficulty and at 2nd difficulty, just tries to stop you, not iwn
win*
vuasin
@vuasin
Oct 23 2016 23:35
makes sense
most people dont know that strategy anyway
KonSal
@KonSal
Oct 23 2016 23:35
ye, true
vuasin
@vuasin
Oct 23 2016 23:35
i have <h1> bla bla </h1> and h1 { } in css
<h1 in html ofc
and it wont change
KonSal
@KonSal
Oct 23 2016 23:36
change what, the size of it?
vuasin
@vuasin
Oct 23 2016 23:36
h1 {
text-align: center;
font-family:"Times New Roman";
font-size: 24pt;
}
anything
nothing is changing it
h1 always stays the same
KonSal
@KonSal
Oct 23 2016 23:37
well, for me it works :P maybe you have conflicting CSS styles?
vuasin
@vuasin
Oct 23 2016 23:37
i have this

body {
background: #baa684;
text-align: center;
}

main {

width: 1000px;
height: 1200px;
background: #f1efeb;
margin: 25px auto;
border: solid 10px;

h1 {
text-align: center;
font-family:"Times New Roman";
font-size: 24pt;
}

and btw you should make the whole game bigger so you dont have smaller margins at the top
adn bigger ones on the bottom
KonSal
@KonSal
Oct 23 2016 23:42
have you defined main in your HTML?
vuasin
@vuasin
Oct 23 2016 23:42
w8
i have
and it is working
everything there works
body also works
just not h1
Greg Duncan
@GregatGit
Oct 23 2016 23:45
@atharvajava Make sure you add jQuery first - then bootstrap.js (the order is important) bootstrap used jQuery
vuasin
@vuasin
Oct 23 2016 23:46
i know what i have done wrong
i havent defined the id
im dumb
Greg Duncan
@GregatGit
Oct 23 2016 23:46
@vuasin what is 'main'
vuasin
@vuasin
Oct 23 2016 23:47
alot of things
idk how to explain
KonSal
@KonSal
Oct 23 2016 23:48
@vuasin looks like that your h1 is inside some sort of another element that prevents it to get bigger
Greg Duncan
@GregatGit
Oct 23 2016 23:48
@vuasin what does it refer to - a class/ tag / id
KonSal
@KonSal
Oct 23 2016 23:48
i can see in my console that is locked at 32px
vuasin
@vuasin
Oct 23 2016 23:48
id
@KonSal so how do i change it
Greg Duncan
@GregatGit
Oct 23 2016 23:49
@vuasin to target a id in css
#idname{}
vuasin
@vuasin
Oct 23 2016 23:49
yeah i figured it out just now
took me longer than it needed to
KonSal
@KonSal
Oct 23 2016 23:49
@vuasin gotta find the parent element and change its CSS accordingly
vuasin
@vuasin
Oct 23 2016 23:50
yup
btw
i love gyros
KonSal
@KonSal
Oct 23 2016 23:52
hahaha :D
vuasin
@vuasin
Oct 23 2016 23:52
theres a gyros store like everywhere here
i have on 1 min away from my house
one*
KonSal
@KonSal
Oct 23 2016 23:53
Yeah, it's pretty common to find all-around the globe lately :P
vuasin
@vuasin
Oct 23 2016 23:53
everyone from serbia goes to greece for vacation
almost no one goes anywhere else
KonSal
@KonSal
Oct 23 2016 23:53
oh yeah, and they drive like crazy :P most of them come to Chalkidiki
vuasin
@vuasin
Oct 23 2016 23:54
i did too
KonSal
@KonSal
Oct 23 2016 23:54
came to Chalkidiki? :o:
vuasin
@vuasin
Oct 23 2016 23:54
yep
i went 4 times , then i got bored and started disliking the heat and stugg
stuff
KonSal
@KonSal
Oct 23 2016 23:54
lel, which part? can you recall?
vuasin
@vuasin
Oct 23 2016 23:55
i always become red and its not nice
KonSal
@KonSal
Oct 23 2016 23:55
hahaha
vuasin
@vuasin
Oct 23 2016 23:55
sun block doesnt do shit
KonSal
@KonSal
Oct 23 2016 23:55
do you remember which place you visited?
vuasin
@vuasin
Oct 23 2016 23:55
forgot
KonSal
@KonSal
Oct 23 2016 23:56
dam, 1st or 2nd peninsula? or can't remember that as well?
vuasin
@vuasin
Oct 23 2016 23:56
dont know what is peninsula
KonSal
@KonSal
Oct 23 2016 23:56
hahaha, don't worry :P
vuasin
@vuasin
Oct 23 2016 23:56
cna you explain
KonSal
@KonSal
Oct 23 2016 23:56
maybe it was called Nikiti? :O
vuasin
@vuasin
Oct 23 2016 23:57
nope
KonSal
@KonSal
Oct 23 2016 23:57
rip my village :P
vuasin
@vuasin
Oct 23 2016 23:57
last time i went was 3 years ago
are you learning to program to jind a job?
KonSal
@KonSal
Oct 23 2016 23:58
nah, just for the sake of it
i'm already a programmer, just not web stuff
vuasin
@vuasin
Oct 23 2016 23:59
what language do you use