@F22rapt any css can be over ruled
I'm still getting padding and margin confused..
@jdtdesigns can you do me a favor?
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
How can i create a website....i mean....a main page with buttons to others secondary sections of the pages??
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?
yes!!
Have you set up codepen yet?
sorry, im doing the second project ....the portfolio
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.
I did wrong question sorry....... I want the div is not shown Until You pressed the button
that’d be javascript trick… using like
document.getElementById("1").style.visibility =‘visible’
ohh thank you !! @pkshreeman
:cookie: 346 | @pkshreeman |http://www.freecodecamp.com/pkshreeman
j1417 sends brownie points to @pkshreeman :sparkles: :thumbsup: :sparkles:
i will try it!
and the css set that div initally to be visibility: hidden
you are welcome @j1417
thank you!
@pkshreeman hey! one question....id 1 is the button?
@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
}
ohh thanks again!
thanks @pkshreeman
:warning: j1417 already gave pkshreeman points
j1417 sends brownie points to @pkshreeman :sparkles: :thumbsup: :sparkles:
:+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
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?
@Nifled THE CODE on codepen?
@Nifled anybody home @_@
@silver537 What did you need?
@jdtdesigns you're an avid front end developer right?
can you give me some feedback on this?
有没说汉语的？
求大神指教啊
@yelifu1988 大神很忙的@@
小菜鸟困难多啊
@yelifu1988 這邊有啥問題就直接說吧，不過通常我都打英文順便練練手@@
@gofighting123 。。。。
Build a Random Quote Machine
@yelifu1988 codepen url address ?
@gofighting123 就这个题啊
@yelifu1988 那個 現在應該有人把它改成 react or babel 的版本，更牛b了阿XD
@gofighting123
目标: 设计一个功能类似于: http://codepen.io/FreeCodeCamp/full/bELoPJ的应用。
could someone help me with why my div "photogroup" does not appear on the page?
http://codepen.io/LoganS2/pen/BLrjPY?editors=1100
http://codepen.io/LoganS2/pen/BLrjPY?editors=1100
@gofighting123 大神 你有扣扣没
@gofighting123
不懂怎么搞
@yelifu1988 台灣省沒有用QQ喔 @@
微信呢
@yelifu1988 他那個就很簡單 去 收 Wiki 的 json data , 然後 parse 然後就顯示在 div 內
@gofighting123 我是不明白这个题应该写在哪儿
@gofighting123 我英文太烂了
@yelifu1988 你要 逐步 把你要做(想做)的事情，逐步寫下來，不要用腦子想, 多工 會讓你迷惑(迷惘) , 專注 才是 你真的該學會的
@LoganS1 it's covered by back ground
@yelifu1988 你參考我的範例吧，應該很簡單 模仿 我找一下
恩恩 谢谢啊 好人啊 @gofighting123
ok, thanks @walidashri
:cookie: 442 | @walidashri |http://www.freecodecamp.com/walidashri
logans1 sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
@LoganS1 just put the back ground img to body
@yelifu1988 http://codepen.io/gofighting123/pen/VaKPwY
@yelifu1988 這範例 我好像把他。。。變數打散(混淆)了... 我再找找@@
@gofighting123 恩恩
Hello everyone..
I'm stuck on an angular-ui problem and need some help
any of you familiar with angular-ui (angular-bootstrap)?
@yelifu1988 我之前的版本 我還原上去好像爛掉了 XD
what's the best way to integrate a piece of API response into code?
@yelifu1988 正常的做法是透過 https://zh.wikipedia.org/w/api.php 拿 你要的資料，我是直接拿網頁 @@ 然後 跳板掛了 我的程式也掛了
@yelifu1988 http://stackoverflow.com/questions/2381642/returning-data-from-wikipedia-using-ajax 這邊有人提問過, 你可以依照最佳解的回答去改變你要的東西
@yelifu1988 修好了@@
@yelifu1988 還好不是重寫 XD 繼續用 CROS 的方法 拿資料
@silver537 OK :smile:
@gofighting123 i figured you'll have a better response there.
@silver537 i think so
@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.
joyinthenow sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1820 | @khaduch |http://www.freecodecamp.com/khaduch
. @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.
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.
@joyinthenow - great! You're welcome. Anything that you want to ask about at this point, or more experimentation to go?
I'll have to look at it when i get home. I don't see any animation glitches on my phone.
@jdtdesigns yea, i managed to work around the glitch. ill change the link.
http://codepen.io/Silver537/full/pEGyOj/
http://codepen.io/Silver537/full/pEGyOj/
This message was deleted
This message was deleted
@silver537 Just got home. I see the glitch now. The dropdown content starts to the left and moves to the center.
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.
@silver537 It's glitching with the new pen.
new here how do i start to build a tribute page?
@Kodin24 this might help http://learn.shayhowe.com/html-css/building-your-first-web-page/
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
This message was deleted
@RationalCoding hi, i m trying to use JS to addClass "animated bounce"
Only saw your HTML sorry. :camel:
@ricky11 animate.css only works on spans with the display property set.
span {
display: inline-block;
}
daneden/animate.css#515
@RationalCoding thanks -- why is that though. ok i will look at that.
ricky11 sends brownie points to @rationalcoding :sparkles: :thumbsup: :sparkles:
:cookie: 276 | @rationalcoding |http://www.freecodecamp.com/rationalcoding
No clue. I couldn't find a reason why other than "it's historical"
Hello World! Good Morning! :sun_with_face:
welcome to FreeCodeCamp @NitinNair89!
i just started creating my tribute page, i want to find out how to add an image from my desktop to the tribute page
@coffeebeanzz thanks
kodin24 sends brownie points to @coffeebeanzz :sparkles: :thumbsup: :sparkles:
:star2: 1212 | @coffeebeanzz |http://www.freecodecamp.com/coffeebeanzz
@Kodin24 Try dropbox or imgur or any other such sites where you can upload your pics (if you're doing it on codepen)
Hello, is there any tool where I can test my site for responsiveness for all screen sizes?
@NitinNair89 Hello :) You have some minutes?
@NitinNair89 in the chrome developer tools you have an option for that
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?
how can i declare an array in JS of certain size like 10 or anything? should i do like this
var array = ['','','','','''];
:bulb: to format code use backticks! ``` more info
I think this should be enough: var array = [];
once you start populating your array with elements it will not be empty anyways
Let me know what you think of my portfolio. - http://codepen.io/anon/pen/zKZBpj
@silver537 here an example of your pen using opacity: weather app
@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 :)
silver537 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 782 | @sorinr |http://www.freecodecamp.com/sorinr
@ndzhingarova you there?
@NitinNair89 yes :) http://www.nemo.nutrapress.com/
what help you wanted from me? @ndzhingarova
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
Yeah i remember.
@sorinr Please advise for my weather app. Think i should use some other API?
@sorinr Please advise for my weather app. Think i should use some other API?
@ndzhingarova Tried replacing the logo with a text?
Just simple text instead of image? No.
@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
I have not used so far. How should it be?
the one i gave you, put it under <head>...</head>
@NitinNair89 Hi nitin
@gastikirs Hello! :)
done, nothing changes. I do the edit local
I almost finished the portfolio
After 2 days
Good work @gastikirs :+1:
@ndzhingarova tried replacing the image with text?
@ndzhingarova tried replacing the image with text?
What exactly is not happening for you?
@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
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
Inside the contact div, but under the icons
does this make sense
@ndzhingarova That's due to
<form class="navbar-form navbar-right">
the navbar-right will push elements to the right
@silver537 welcome. it took no time :)
@NitinNair89 just a sec to find your pen link
@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"?
@NitinNair89 No, i want to add a text (lets say a <p>) after the 6 icons in the end. But inside the contact div
@NitinNair89 Yes, but I would like this part to be on the right and still some space. How could i do it>
@NitinNair89 you forgot to add the weather condition text like: "cloudy","rainy" whatever you get back from the api
@gastikirs I see no problem there
@NitinNair89 hi
@walidashri If i add a p , it goes on the right side of the page. I want it under the icons
@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! :)
@prawin007 Hello! :)
I tried, but doesnt work. It stills on the right..
@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
@gastikirs I tried it in your code just after the </div> for icons:
<div class="row">
<p>test</p>
</div>@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
@NitinNair89 im building my personal portfolio
@NitinNair89 here:
That worked @walidashri
But i dont understand why haha . thank you
@sorinr Weird.. For me it gives some other location. Maybe due to my internet connection... it shows some other city name
@NitinNair89 You see the search button exactly on the line?
@sorinr are you referring to the original one? or the testing one(weather app 2)?
@ndzhingarova Yes, so?
@NitinNair89 if you have a dynamic ip it happens
ahh ok, so no need to change API right?
@sorinr
@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.
@walidashri And its inside the contact-icons div
@ndzhingarova Tried adding padding and margin-right for that search bar?
@NitinNair89 when using ip location you don't have much of a choise :)
@sorinr Yeah! :(
@NitinNair89 no, thanks. I decided it should happen automatically for any reason
ndzhingarova sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 299 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
@silver537 think i have only vers 1. the original
@ndzhingarova Oh, ok. Sorry i couldn't be of much help! :(
@NitinNair89 then what about the carousel? You have any idea why it pastes all pictures one after the other
@sorinr the one you showed me was version two, the one with the white background in container 2.
@silver537 i've seen that now in the title :)
@silver537 yes. for this one i was saying to remove the border-bottom all effects
@ndzhingarova Check this - http://getbootstrap.com/examples/carousel/
I don't see classes for your images (Ex. - first-slide, second-slide)
I don't see classes for your images (Ex. - first-slide, second-slide)
check the source code for the above link @ndzhingarova
Let me know what you think of my portfolio. - http://codepen.io/anon/pen/zKZBpj
@silver537 this one its ok
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;});
Couldn't figure out what I did wrong.
@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. :(
@silver537 you mean the one that container2 was showing first to the left and then realigned with the container?
@sorinr yes
@silver537 but now for me in chrome slidedown is smooth and in place
@sorinr that's after the workarounds.
@silver537 you mean left: 20px; and overflow?
@prawin007 You did not say what error you faced or where you stuck at in your portfolio..
yes
i'll think about it. and if i came up with something let u know
@sorinr thank you once again. i greatly appreciate it.
silver537 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:warning: silver537 already gave sorinr points
@silver537 if you comment / left: 20px; / its still working the right way
@silver537 if you comment / left: 20px; / its still working the right way
in CSS comments are/* ... */
@sorinr
@NitinNair89 he did use proper syntax. gitter didn't display the asterix right. since astrix represents
italics in markdown language.
yeah. )
oops! my bad'
@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.
@silver537 but now i see what you mean. its the data inside container2 that shifts to the right after showing
no. it's the actual container2. that moves. @sorinr
@silver537 u r right.
This message was deleted
yea it didn't work
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
@silver537 here a version without left:20px. pen
@sorinr what did you do?
@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
@MohammadHasham what problems do you have?
@sorinr thank you so much dude! with your fix, im customizing it to my liking. thanks for the help. :D
silver537 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 783 | @sorinr |http://www.freecodecamp.com/sorinr
@silver537 welcome.
@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
https://codepen.io/Mohammad_Hasham/pen/rryQmV?editors=0010
i can't get the values played by computer can you tell me the mistake
@MohammadHasham i'll try to look into it to understand first the logic
the computer is not playing the moves @sorinr
@sorinr any idea where am i doing wrong
@MohammadHasham not yet
is this statement correct
arr[0].push($("#b1").html(sign_option));
@MohammadHasham what is
sign_option
a parameter in the form of string
is this the right way i am more concerned regarding arr[0].push()
@RuinIsProbablyTaken
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
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
@NitinNair89 should i use arr.splice()
or any other way
bah..ill figure it out next week..
Really the most difficult project
tic tac toe
i am stuck at there badly
This message was deleted
@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
@MohammadHasham window.prompt returned value
as the w3c tells...http://www.w3schools.com/jsref/met_win_prompt.asp
as the w3c tells...http://www.w3schools.com/jsref/met_win_prompt.asp
@MohammadHasham got the milk ?
This message was deleted
does anybody know the meaning of
${}?
@c0d0er $ just a variable...{} is a block for js language ...means it's a inside block
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);
}
});
@c0d0er i mean...any variable define inside { } the scope is inside of it...
@F22rapt maybe it is
text-align:justify;
@MohammadHasham Sorry i was away.. did it work?
@gofighting123 thanks
c0d0er sends brownie points to @gofighting123 :sparkles: :thumbsup: :sparkles:
:cookie: 308 | @gofighting123 |http://www.freecodecamp.com/gofighting123
@c0d0er not help much :smile:
@NitinNair89 no it didn't actually
@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
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
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
can you explain this loop @MohammadHasham
for(var i=0;i<arr.length;i++)
{
if (arr[i] =="")
$("#b" + arr[i]).html(computer_sign);
}
@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
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
@MohammadHasham but all arr[i] are equal ""
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
@MohammadHasham the else statement in the click event will never be executed
why?
what is the mistake
the first if is always true
please can you correct me
how?
@MohammadHasham if you click it will always be O or X so it return
yes but the very first time it will execute because arr[index] would be empty
after that it shall not execute @AdelMahjoub
@MohammadHasham it is attached to a click event so nothing will be executed unless you click
yes! but isn't it okay.Unless you don't click it nothing shall happen
@MohammadHasham and when you click the first if statement is always true
@MohammadHasham when you initialize the arr you should have :
for(var i=0; i<9; i++) {
arr.push("");
} not i<10
@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
@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
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
@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
@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
@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
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?
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?
@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
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
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>
<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>
@j1417 if you are using js you can use
$('#id).hide();
@Saminda1 : Is this the correct output?
@prageet yes that correct
how did u manage to get the text beneath the image?
@Saminda1 : I did nothing just copied your code.
@Saminda1 : I tested on chrome.
hmm thats odd, it came up on top for me
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
@atharvajava did you add bootstrap in the css settings and js settings?
@atharvajava paste your pen here - your error is probably easy to fix
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)
@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
@atharvajava in setting you also have to add (in the javascipt) jQuery an bootstap.js - in that order
ohh i get it i will try
@GregatGit i did it still not working
@atharvajava
body{
margin-top:60px;
}
img {
border-radius:10px;
}
Does that work for you?
body{
margin-top:60px;
}
img {
border-radius:10px;
}
Does that work for you?
Hi!!how can i create a website(several pages) in codepen??
dont get messy
use a editor
hello mates:D!
i need some help , can't figure this out :/
i mainly use brackets :D luv it but ppl are luving atom to
hey
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
Atom is good.
anyone man enough to look at my code lol
You can also Visual Studio Code editor.
link ?
I use atom cause i can't plugins i like for brackets
User Story: I can click on a link that will take me to an external website with further information on the topic.
@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?
@Tomididak yeah reading it now
action = href""
try that
nice :D im a noob so bear with my codes if something looks stupid lol :P
okej moment
@MohammadHasham here a short example of what i said before: test pen
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
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
@Tomididak http://getbootstrap.com/ ur use of form isnt correct
Welp, I'll just use padding
@Tomididak look at the documentain u should be using a <button> and putting it in the correct place with col-
@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
i tried <button> but could not figure it out @burpi
@cdrainxv where do i add that?
because thats what i mean
<a href="http://www.wikihow.com/Snowboard" target="_blank">click here</a>
like this for example
@cd yes i tried it and it worked ! thanks man :D
:warning: could not find receiver for cd
tomididak sends brownie points to @cd :sparkles: :thumbsup: :sparkles:
@Tomididak : no problem
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
@Tomididak are you trying to embed the video?
yes into my button on my page
Hi!!how can i create a website(several pages) in codepen?
can you use a or iframe
@Tomididak
@j1417 create multiple codepens and link them to eachother
^^ yeah iframes @Tomididak
<iframe width="560" height="315" src="https://www.youtube.com/embed/S0kX1JeecSQ" frameborder="0" allowfullscreen></iframe>
@Tomididak how can i link it?? <link href="namepen.html " >??
<a href="URL">text or image</a>
thanks it worked nice job :D @magnus195
tomididak sends brownie points to @magnus195 :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @magnus195 |http://www.freecodecamp.com/magnus195
@j1417 just as magnus told you :D
the url of the pen¿¿¿
@jespernyhlen and that didn't work
jello jello
how can link pens??
<.> url
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
@TheBenjimoto just find similar examples and try to understand. DOM understanding will come along the way
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.
@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
@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
thanks @TheBenjimoto
kenz9932 sends brownie points to @thebenjimoto :sparkles: :thumbsup: :sparkles:
:cookie: 259 | @thebenjimoto |http://www.freecodecamp.com/thebenjimoto
what is remainder
@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
use Juan1417/pen/ZpwKpG" of /Juan1417/pen/ZpwKpG
@j1417 i just tred that remove https://codepen.io
Hey, is there a way how to make box-shadow vertical offset? As in, skip a few pixels and start shadow there.
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?
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
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
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.
yeah the project is pretty involved. I could take a look @KonSal
can i create a web site, i mean several pages related in codepen??
Hey there, Can anyone tell me whether images open in codepen via links or not?
@shado12 they do shado
@j1417 There's no need to do that in codepen, you might use github pages for that.
@xSnowpeltx if you have problem with audio I advice https://howlerjs.com/ it will make your audio operations alot easier
@kurumkan Yeah, used Howler as well, pretty useful library.
@shado12 those links should be absolute path not relative. :)
Thanks @KonSal and @NitinNair89
:cookie: 376 | @konsal |http://www.freecodecamp.com/konsal
shado12 sends brownie points to @konsal and @nitinnair89 :sparkles: :thumbsup: :sparkles:
@KonSal how can i do to change the active anchor in the navbar without creating a new page??
:cookie: 300 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
@shado12
@j1417 You can create a single page website in codepen with related sections. (E.g. Portfolio site)
@NitinNair89 ohh..and how i do to change the active anchor in the navbar??
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);
@kenz9932 what the problem?
ermm..
@kenz9932 Multiply by 9, then divide by 5, then add 32
@KonSal hey! how can i chanhe the active anchor??
@kenz9932 to paste code, use 3 backticks at beggining and at the end
var fahrenheit = (9/5) + 32;
is it posible
@kenz9932 yep, why not.
@j1417 i'm not really sure what u're trying to do
@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');
@KonSal thanks, but it not working
kenz9932 sends brownie points to @konsal :sparkles: :thumbsup: :sparkles:
:cookie: 377 | @konsal |http://www.freecodecamp.com/konsal
@KonSal im trying to do this https://codepen.io/FreeCodeCamp/full/YqLyXB/
@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?
thanks @KonSal
kenz9932 sends brownie points to @konsal :sparkles: :thumbsup: :sparkles:
:warning: kenz9932 already gave konsal points
would you mind explain abit more to me?
cz im nt sure what happening in there
@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.
oic
wow!
@j1417 active anchor? You mean the li with 'active' class?
@KonSal did my advice help at all?
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?
Your p elements should use the font Monospace.
@xSnowpeltx Yeah, made them work but still some much work to do that i got dizzy :P thanks!
konsal sends brownie points to @xsnowpeltx :sparkles: :thumbsup: :sparkles:
:cookie: 300 | @xsnowpeltx |http://www.freecodecamp.com/xsnowpeltx
guys http://codepen.io/atharvajava/pen/kkVgRZ?editors=1100 is it good?
how can i create a function to add the class active to a <li > in a navbar
?
@atharvajava mistake : class "img-responsive"
@atharvajava you can paste your full html and check it https://validator.w3.org/#validate_by_input
@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
@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"
@atharvajava class="img-responsive" you should put = sign
@j1417 If you use jQuery:
$('li').addClass("active");
@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
atharvajava sends brownie points to @kurumkan :sparkles: :thumbsup: :sparkles:
:cookie: 361 | @kurumkan |http://www.freecodecamp.com/kurumkan
@atharvajava welcome!
how can i create a function to add the class active to a <li > in a navbar??
@j1417 Did you read my answer?
@j1417 If you use jQuery:$('li').addClass("active");
@j1417 .. answered by @Otto-AA
@Otto-AA yes but i want to select an espefic li element
@j1417 Then give it an id and select it with
$('#yourID')...
the one im cliking how ??
guys
i have a timeline on someone life on my site
and its to the left
Any jQuery/AJAX experts who could help me make an API cal?
how do i mov eit
move it*
@Otto-AA @j1417 i wan to select the li that i click
@j1417 You can use $(this) for that
$('.nav li').click(function() {
$(this).addClass("active");
});
I think it should be toggleClass @Otto-AA else all <li> will have the active class when clicked.
@NitinNair89 I think it only targets the one he clicked
i want to do something like @j1417 If you use jQuery:
$('li').addClass("active");
@j1417 Can you give us the link to your pen?
i want to do something likehttps://codepen.io/FreeCodeCamp/full/YqLyXB/
sorry
@Otto-AA Yes you are right, but what about the <li> which already has active class due to previous click?
@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
I know that @Otto-AA but @j1417 wouldn't. :)
:)
@NitinNair89 Oh yeah O.o
@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
@sorinr what is the e argument??? i havent seen all those things about js yet......
@j1417 you can ignore it for now
@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
and then??
@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
@sorinr ohh thnak you and then??
@NitinNair89 thats a nice page did you made that on here for FCC
@j1417 the part that interest you is the
$(this).addClass('active');
@sorinr Thank you so so much!
mohammadhasham sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 784 | @sorinr |http://www.freecodecamp.com/sorinr
that test pen really helping me
@sorinr Thanks alot ! :-)
mohammadhasham sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:warning: mohammadhasham already gave sorinr points
@atharvajava Which page are you talking about?
hey is there anyway i can avoid using codepen for the challanges and use something else instead
This message was deleted
@NitinNair89 www.nitinnair.com
i added de function @sorinr
@atharvajava You mean - http://nitinchandrannair.com/ ?
@NitinNair89 yes
That's what i am currently working on, setting up a portfolio page for myself :P
@j1417 just a sec
@NitinNair89 seems pretty clean though i am not a fan of grey bg instead white bg is more soothing
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
well right now i am wondering how to get rid of codepen ;-;
why so @atharvajava ?
well i am more comfortable making it locally and then like uploading to codepen
Yeah, that's fine
yes but i dont know if that is possible
@j1417 Did you add jQuery to your JS-settings?
haha @NitinNair89 codepen oen looks more cleaner :P
haha yep @atharvajava
@Otto-AA i did it
@j1417 It works :)
@j1417 here a copy of your pen portfolio
@sorinr ohh thank you i'll check it
j1417 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 785 | @sorinr |http://www.freecodecamp.com/sorinr
@j1417 this is what u wanted?
@j1417 how did you get full width? mine wont https://codepen.io/adriangul/full/WGPZjB/
@sorinr yesss!!!!!
https://codepen.io/adriangul/full/ALNvyL/ meant this
@sorinr how can i get better in javascript so that i can code the way you do
how can fill in those gaps
@adriangul123 where did i get ful width??
yes @j1417
@adriangul123 ?
my nav and my img is not 100% width
@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
okay @sorinr Thanks should i do a course in JS after finishing FCC? do u recommend that
mohammadhasham sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:warning: mohammadhasham already gave sorinr points
@adriangul123 it is by default
you did'nt use container-fluid?
yes i did @adriangul123
@MohammadHasham there are a lot of free js courses over the internet you can follow. but the most you practice the more u learn
ok I have done something wrong! its frustrating
@sorinr Okay Thanks
mohammadhasham sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:warning: mohammadhasham already gave sorinr points
@adriangul123 do you want a full page background from that img?
yes @sorinr
@adriangul123 read here: https://css-tricks.com/perfect-full-page-background-image/
12 am here and i am coding.. :two_hearts:
Guys, the paypal donation only works for business accounts and not for freelancers?
@sorinr did'nt work
@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;
}
@adriangul123 its working. just compare portfolio
@adriangul123 find out where u where wrong
@sorinr you dont use container-fluid
@adriangul123 Have you tried the CSS i gave you>
?
@adriangul123 nope. why should I? if you want it add it after navigation bar
That's a sample, you can use it on any element
yeah the image was good but not the nav @NitinNair89
ok thanks @sorinr I have tried to fix it for a long time now!
adriangul123 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 786 | @sorinr |http://www.freecodecamp.com/sorinr
@adriangul123 welcome
now I have another problem
want the ul to be right alligned
@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>
<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>
@alfarhanz thanks so now I set some padding on it to be perfect
adriangul123 sends brownie points to @alfarhanz :sparkles: :thumbsup: :sparkles:
:cookie: 301 | @alfarhanz |http://www.freecodecamp.com/alfarhanz
how do I get rid of the scrollbar on fullpage ? @alfarhanz
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>
What's the ideal height of a section to make it full screen?
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!
adriangul123 sends brownie points to @alfarhanz :sparkles: :thumbsup: :sparkles:
:warning: adriangul123 already gave alfarhanz points
@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>
Yeah I now its missing the > but its transparent when its not there. and thats what I want
okay ... :)
so thats the problem :D
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?
@TasmaniaKrama ... I used an array of quotes and accessed the by generating random numbers... that's it
@TasmaniaKrama Or if you want to use an API, I'd suggest this one: http://forismatic.com/en/
@Otto-AA I tried to use that, too complex.
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...
@philipp32 can you give us the link?
@philipp32 So you want #background_rectangle scale to what?
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.
@Otto-AA There are some ways to do that:
width: 70%;
// or
width: 1000px;
min-width: 100%;
@TasmaniaKrama You can use your own quotes/ pick few from here and randomly select one any display or you can use an API
- https://quotesondesign.com/api-v4-0/ [There is an example on how to use it]
- If still confused on how to use AJAX go through below course
https://www.udacity.com/course/intro-to-ajax--ud110
This message was deleted
This message was deleted
@philipp32 Give body and html
width: 100%; height: 100%
@vinaypuppal I am using the quotesondesign code but it isn't working
@philipp32 And just a tip: you could remove everything under backround and replace it with
margin: 0 auto;
@TasmaniaKrama can you provide link to your pen
@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
@TasmaniaKrama its working in my browser but its slow
._.
@vinaypuppal I am using latest chrome version. I have no idea how it's not working for me.
@TasmaniaKrama Also working for me on firefox
http://codepen.io/philipp32/full/rrPzkP/ @Otto-AA That's what I did. Still doesn't work. :/
actually it did load a quote now. But it took a minute
@TasmaniaKrama yes its slow but working
@Otto-AA It's probably something really simple. :/
@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?
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
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
@philipp32 Oh, write
max-width: 50%. An typo of me O.o
@Otto-AA Thanks. That does work.
philipp32 sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:cookie: 318 | @otto-aa |http://www.freecodecamp.com/otto-aa
This is my intended design for the site.
Will this code do the same with the rest of the graphics of the webpage?
@philipp32 If the graphics are inside of it and are also responsive (width: some%) then it should work
@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.
philipp32 sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:warning: philipp32 already gave otto-aa points
gn8
@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
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
Hey guys I'd like to bring my text a little bit closer to the top of the jumbotron
decrease jumbotron padding @ferrazoli
oh
I was trying to decrease the text padding
facepalms
:)
@NitinNair89 thanks
ferrazoli sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 301 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
No problem :smiley:
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
Could somebody help me find a bug in my Simon Says Project? :)
I'm totally blind on my own code. :P
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
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
@vinaypuppal thanks
:cookie: 635 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
tasmaniakrama sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
@vinaypuppal But why do you need &callback='+Math.random() when the filter is already set to rand?
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
@Vmarron meanin u need two col?
yes :)
This message was deleted
I tried floating it to the left and the background color disappeared on it, and it still wasn't aligned. @walidashri
@Vmarron u make me bang my head then I realized that bootstrap is not in ur settings :O
lol is that what it was?!
do I add it to the html part? @walidashri
css settings :) @Vmarron and u have many overlapped divs need to be adjusted
woah yeah I just added it and it changed my entire thing. Thank you so much! @walidashri
:cookie: 446 | @walidashri |http://www.freecodecamp.com/walidashri
vmarron sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
@Vmarron :+1:
@Vmarron remove row width
@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() .
@Vmarron
could someone review my tribute page and see if anything needs changed, removed, added, etc.
@LoganS1 very nice work if u can make the img 1st spin little slower I think better
why just the 1st image @walidashri the 2nd and 3rd image should spin at the same rate as the 1st
i meant all :)
oh ok, thanks! @walidashri
:cookie: 447 | @walidashri |http://www.freecodecamp.com/walidashri
logans1 sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
@LoganS1 very nice work wtg
@LoganS1 also, have some more space above your
Nice work tho :)
<h1> cause it's adjacent to the grey box and looks weird.Nice work tho :)
check out my codepends http://codepen.io/jacobBogers/pens/popular/
@jacobus-brogly really nice work! hopefully mine will be as functional as yours :P
check out my tic tac toe
@jacobus-brogly it's not with Min-Max, right?
min max for tic tac toe?, lol , no
the game is already predictable after the first 3 moves
@jacobus-brogly i think it's one of the Bonus user stories
to make it unbeatable
i didn't implement Minmax either
I followed the old program
yeah, it was on the old program, not really sure about now
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
ehh, no clue :P
look at mine, i have 2 different difficulties
ok
reserved the 3rd one if I ever do Minmax
min max, dont waste your time on it
"matrix games"
i won't, maybe if I ever have time to waste, lol
my rogue game is a remake of quest for dungeons
but for web
i ripped the graphics and musics from the game
@jacobus-brogly hi, where is your quest for dungeons game
still making it)))
@jacobus-brogly ah , nvm
I have a job now, so its a bit hard, worked on it today
have you finnised rogue? @AdelMahjoub ?
@not yet
@jacobus-brogly not yet
guys i need help
h1 {
text-align: center;
font-family:"Times New Roman";
font-size: 100%;
}
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
@vuasin glad to hear that. by the way, what do you want to change on that h1
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
@vuasin yeah, AI plays purely random at 1st difficulty and at 2nd difficulty, just tries to stop you, not iwn
win*
makes sense
most people dont know that strategy anyway
ye, true
i have <h1> bla bla </h1> and h1 { } in css
<h1 in html ofc
and it wont change
change what, the size of it?
h1 {
text-align: center;
font-family:"Times New Roman";
font-size: 24pt;
}
text-align: center;
font-family:"Times New Roman";
font-size: 24pt;
}
anything
nothing is changing it
h1 always stays the same
well, for me it works :P maybe you have conflicting CSS styles?
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
have you defined main in your HTML?
w8
i have
and it is working
everything there works
body also works
just not h1
@atharvajava Make sure you add jQuery first - then bootstrap.js (the order is important) bootstrap used jQuery
i know what i have done wrong
i havent defined the id
im dumb
@vuasin what is 'main'
alot of things
idk how to explain
@vuasin looks like that your h1 is inside some sort of another element that prevents it to get bigger
@vuasin what does it refer to - a class/ tag / id
i can see in my console that is locked at 32px
id
@KonSal so how do i change it
@vuasin to target a id in css
#idname{}
yeah i figured it out just now
took me longer than it needed to
@vuasin gotta find the parent element and change its CSS accordingly
yup
btw
i love gyros
hahaha :D
theres a gyros store like everywhere here
i have on 1 min away from my house
one*
Yeah, it's pretty common to find all-around the globe lately :P
everyone from serbia goes to greece for vacation
almost no one goes anywhere else
oh yeah, and they drive like crazy :P most of them come to Chalkidiki
i did too
came to Chalkidiki? :o:
yep
i went 4 times , then i got bored and started disliking the heat and stugg
stuff
lel, which part? can you recall?
i always become red and its not nice
hahaha
sun block doesnt do shit
do you remember which place you visited?
forgot
dam, 1st or 2nd peninsula? or can't remember that as well?
dont know what is peninsula
hahaha, don't worry :P
cna you explain
maybe it was called Nikiti? :O
nope
rip my village :P
last time i went was 3 years ago
are you learning to program to jind a job?
nah, just for the sake of it
i'm already a programmer, just not web stuff
what language do you use