@Bus42 you may need to add &origin=* in the url for the wikipedia API
or &origin=navigator.userAgent anywhere in the url
sorry sorry wrong link
@NitinNair89 <form name = "quizQ1">
<b>Question 1: How long was it before an AI became rampant?</b><br></br>
<input type = "radio" name = "getAnswer1" onclick = "getAnswer('a')"> 7 years<br>
<input type = "radio" name = "getAnswer1" onclick = "getAnswer('b')"> 12 years <br>
<input type = "radio" name = "getAnswer1" onclick = "getAnswer('c')"> 3 years <br>
<input type = "radio" name = "getAnswer1" onclick = "getAnswer('d')"> None of the above, they didn't become rampant, they just developed issues regaurding their colons. </br><br></br>
</form>
<script type = "text/javascript">
function getAnswer(input) {
if (input == "a") {alert ("Be proud you got the first one right, now lets up the difficulty.")}
else {alert ("Ya done screwed up son!")}
}
</script>
<form name ="quizQ2">
<b>Question 2: What is the ark?</b><br> <br>
<input type = "radio" name="getAnswer2" onclick = "getAnswer('a')"> A gold-covered wooden box described in the book of exodus. </br>
<input type = "radio" name="getAnswer2" onclick = "getAnswer('b')"> FOB(forward operating base) for all covenant grunts. </br>
<input type = "radio" name="getAnswer2" onclick = "getAnswer('c')"> A giant ship that could fire all installations at the same time and from the same place. </br>
<input type = "radio" name="getAnswer2" onclick = "getAnswer('d')"> A giant construct that could fire all installations at the same time and from the same place. </br>
<br></br>
</form>
<script type = "text/javascript">
function getAnswer(input) {
if (input == "d") {alert ("Thats two correct, was it hard?")}
else {alert ("More screwing up you do! No rice for you!")}
}
</script>
@hamiefuzzy You shouldn't use br elements
margin is your best friend ;)
why not?
margin?
yes, with css
example?
form[name="quizQ1"] {
margin-bottom: 15px;
}
and you should never use <b>
that's html4
text/javascript still works?
you don't need it
@jdtdesigns any live coding session with react ?
none with react
working on a firebase project right now
not streaming at this moment though
ok
<button class="btn btn-success btn-md" id="playerLetter"
data-toggle="tooltip" title="X GOES FIRST"
data-placement="bottom"
onclick="handlers.changeTokens()">X <i class="fa fa-refresh" aria-hidden="true"></i>
</button><i class="fa fa-refresh" aria-hidden="true"></i> as is - any one know how to?
just wrap the x in a span @GregatGit
@jdtdesigns thanks - I'll give that a try
gregatgit sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 726 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
@jdtdesigns Thanks againg - your simple fix worked
gregatgit sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:warning: gregatgit already gave jdtdesigns points
Hey guys, just curious about something. How come in some examples on codepen people will make multiple css style declaration for what I assume is different browsers?
@mhdavis Did you get any help?
@AllanPooley Well
lol
You need it
They use: -o - webkit -moz
Why?
The different browsers and different versions of each browser support different features so you kind of have to patch it in if you want things to look the same
Gah!
function rot13(str) { // LBH QVQ VG!
str=str.split("");
for(var i=0;i<str.length;i++){
if(str[i]>='A'&&str[i]<='M'){
str[i]+=13;
}
else if(str[i]>='N'&&str[i]<='Z'){
str[i]-=13;
}
}
str=str.join("");
return str;
}
// Change the inputs below to test
rot13("SERR PBQR PNZC");
where is wrong? how can I fix it?
Like some people are running older versions of browsers that were released before the current version of css
Caesars Cipher
Are there specific style elements you have to do this for in particular? or is it any?
@AllanPooley There are certain things, but I couldn't tell you which, or where to find a complete list. I'm sure one exists somewhere out there. I've really only ever used it for drop-shadows but I'm a beginner
@FatTone225 no, I was wondering what all the available icons were
I'm trying to create a switch statement so it switches the background depending on the weather key in the api
@FatTone225 Thanks Tony, I'll do some more digging :grin:
allanpooley sends brownie points to @fattone225 :sparkles: :thumbsup: :sparkles:
:cookie: 366 | @fattone225 |http://www.freecodecamp.com/fattone225
@mhdavis I see. I don't know the available icons, but there is a list of possible weather conditions
I ended up writing a lengthy switch statement and still left a bunch out
That's what I'm looking for; do you know all of the possible ones out there?
I can only find "partly cloudy, clear, chance of rain"
and I think that's it atm
Yeah. 1 min. There is a list but I remember the documentation was crap.
@skfwnelf What is happening when you try decode Frank? What is the result of your rot13 call?
rot13("SERR PBQR PNZC") should decode to "FREE CODE CAMP"
thanks!
@AllanPooley
wow I didn't realize there were so many lol
Alright; thanks for the link I'll come up with something
Yeah. I really don't recommend that API if you aren't too far in
Np
There are nine groups, which makes it more managable :smile:
You can use a switch on json.weather[0].id to change your image / background
oh wait, wrong API, my bad
That is a lot more manageable, but I'm gonna see if I can maybe figure out a way to make this wunderground work since I'm kinda of far into using the API
worst case scenerio I can always switch
@skfwnelf Frank, what about your code? what does it output at the moment?
@skfwnelf But, I mean it looks right, providing you can perform unicode shifts like that, I ended up doing the following:
String.fromCharCode(strArr[i].charCodeAt() - 26 + CIPHER_SHIFT)
String.fromCharCode(strArr[i].charCodeAt() - 26 + CIPHER_SHIFT)
@skfwnelf Oh, and you also have to exclude operations on blank spaces " " - only shift letters
@mhdavis Just curious; did you have to use two API calls in order to get your data?
@FatTone225 as it turns out, I did not have to
the built in geolookup function takes care of that
Hrrmmm. I don't know what I was thinking then. lol
It was a while ago
yea; no big
Hey Guys, I'm very new at this an trying to style my H1 element using a tag but it doesn't seem to be affecting anything anymore and I am very confused. Could use some help pleasehttp://codepen.io/Koolhany/pen/pEGyyr
@koolhany You have to put the Google Link in the HTML document, not the CSS
// Place this in the HTML file, NOT the CSS!
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Montserrat"/>
do that, then click run..
it should update.
place it at the very top.
@AllanPooley here's the terrible output of my code:
```
```
str=String.fromCharCode(strArr[i].charCodeAt() - 26 + CIPHER_SHIFT);
oh no
wait
@AllanPooley I don't know how this output happened...
@sok213 THANK YOU!!
koolhany sends brownie points to @sok213 :sparkles: :thumbsup: :sparkles:
:cookie: 678 | @sok213 |http://www.freecodecamp.com/sok213
@skfwnelf what is the value of CIPHER_SHIFT?
excuse me, what does that mean @jdtdesigns
you just posted this lol str=String.fromCharCode(strArr[i].charCodeAt() - 26 + CIPHER_SHIFT);
@skfwnelf It's really basic. It will make you think you need to do something crazy, but you really don't for that challenge.
You need to loop through the string and if the character is not a letter, leave it. If the letter.charCodeAt() is greater than 77, you return a String.fromCharCode(letter.charCodeAt() - 13) else return a String.fromCharCode(letter.charCodeAt() + 13).
@skfwnelf
you can use a simple regex to match non letter characters
@jdtdesigns thanks a lot!
skfwnelf sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 727 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
hey guys im building my page but cannot figure out how to get my unordered list to center
tribute page*
@AdoSae1 are you using Bootstrap?
@jdtdesigns i am
I just finished the Weather App. Tell me what you guys think and send me a screen shot if you can: http://codepen.io/emmanuelamador/full/VKqqQm/
The background and icon changes based on the weather description.
I have no idea how it looks on other resolutions.
Oh and I admit my code is a mess. lol I couldn't find the right Api so i ended up using three weather apis because one of them only gave me only one part information that I needed due to it being not completely free.
oh and you can change the unit by clicking it
ill try:
<ul class="text-center"> but only the text centers without the bullet points
how can i get the bullet points to center aswell?
try adding center-block?
to
?
class
alright
@DanJP2016 thanks! that worked
adosae1 sends brownie points to @danjp2016 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for danjp2016
awesome
did they even teach that before the tribute page?
i don't think so, its in the bootstrap docs on their webpage. i think its in the bootstrap video derek banas has on his youtube as well.
I don't think so
it worked on < img as well
There's still a lot to learn after finishing the 2 projects
on the portfolio project, can i get away with using filler text and images for it? or do they want something more professional looking? or is the functionality of the page all they care about for it?
Hey guys, I'm about to start the "Build a Tribute Page" project, and I'd like to know what exactly a user story is, is kind of like the instructions on what to make, or just text you copy and paste into your website?
yeah its just the instructions on what to build into the page.
@AdoSae1 You can use offsets to center columns as well
ahh that makes sense, thanks @DanJP2016
h20ohno sends brownie points to @danjp2016 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for danjp2016
i tried to apply class="text-center" to <h4> and my writing wouldnt center even though it worked higher up on my code on <h3>
hello world
welcome to FreeCodeCamp @desmondezo1!
@desmondezo1 Welcome Des, happy coding & good luck!
Thanks @AllanPooley
desmondezo1 sends brownie points to @allanpooley :sparkles: :thumbsup: :sparkles:
:cookie: 270 | @allanpooley |http://www.freecodecamp.com/allanpooley
@jdtdesigns Thank you very much, that approach worked well!
wlotherington4 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 728 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
@skfwnelf Hey Frank. I think you have to first convert the character / string to unicode before performing your shift.
You can get the unicode value of any character (a letter in the string) using the charCodeAt() method.
You can then convert a unicode value back into a string by using: String.fromCharCode(<unicode value>)
@AllanPooley can you help me?
I can try :grin:
ok, i tried to apply class="text-center" to <h4> and my writing wouldnt center even though it worked higher up on my code on <h3>
Are you working in CodePen? or in the FreeCodeCamp environment?
CodePen
Can I see :grin: ? Send me the link of what you're working with
@AllanPooley http://codepen.io/AdoSae/full/jrRNgg/
i was able to center h4 with center-block class but i just want to know why im not able to do the text-center class
disregard the padding margin classes , something im taking a look at while working
If you apply both it works fine:
h4 class="center-block text-center"
h4 class="center-block text-center"
@AdoSae1 Is that the look you were going for?
it was
Alright!! :grin:
last question, how would i be able to make spaces in between each element appear on page
@AdoSae1 what about margins - for example add space between image h1 and h2:
h1{
margin-bottom:15px;
}
woah your'e right! it all makes sense now. the wording for the margin padding challenges was not getting threw to me when i did it.
@kurumkan thanks man! i appreciate the help.
adosae1 sends brownie points to @kurumkan :sparkles: :thumbsup: :sparkles:
:cookie: 370 | @kurumkan |http://www.freecodecamp.com/kurumkan
@AdoSae1 welcome
Okay so I'm currently working on the tribute page thing. Am I supposed to be using a bootstrap?
yea, you enable it in settings
@dotkoven you don't have to use bs
@jdtdesigns So everything can just be made in css and html?
@dotkoven yes
@dotkoven don't feel any pressure to do it on your own, because Bootstrap is great when you're learning, but you'll need to learn how to design without Bootstrap at some point. if you feel comfortable, it's better to learn sooner than later. Bootstrap can be very limiting and it's better to know how to do what Bootstrap does yourself
@karpimpski So you're saying I should do it with bootstrap for now and just do everything in css later?
@dotkoven if you feel comfortable with CSS I'd say you should not use bootstrap. but if you're a bit less comfortable I would use Bootstrap and get a basic understanding of how that works and then try to make webpages without it
Can someone give me their thoughts on this? - http://bit.ly/2dV88jo
Does anyone could help me please? with bootstrap Scrollspy
I don't know why when I scroll down the sections don't get highlighted
like active
suggestions please
https://codepen.io/nirmalannu/full/pEGRgN
https://codepen.io/nirmalannu/full/pEGRgN
Can someone give me their thoughts on this? - http://bit.ly/2dV88jo
Hey guys i just finished http://codepen.io/AdoSae/pen/jrRNgg
any tips or suggestions would be appreciated.
The red headers really mess with my eyes, too bright in my opinion
@AdoSae1 Move your css over to css tab so it's easier to check and more agreeable with codepen. And DON'T do inline styling ;p it's considered bad practice. I know it was in the lessons in the beginning, but it was to show you that it can be done at all
@AdoSae1 just move what you have between <style></style> tags into the css part of the codepen
so what i would put in <style> just put inside css
Yes
and remove the <style> </style> all together
@AdoSae1 and what you got in inline styles - target that in CSS.
Hey everyone, I just finished up my portfolio. If anyone has any feedback, I'd really appreciate it! http://www.trev0r.com/
@kat-mag thanks!
adosae1 sends brownie points to @kat-mag :sparkles: :thumbsup: :sparkles:
:cookie: 383 | @kat-mag |http://www.freecodecamp.com/kat-mag
@electrostaticfleece oh, that one's cool. But your loading animation makes people think 'it's really loading so long?' xD so no much of an UX in the beginning
maybe try rendering something on top of that? so people actually know that it works, and your portfolio isn't just this one animation ;p
@kat-mag How long did it take to load?
too long :)
@electrostaticfleece it's react? I had no libs downloaded, cleaned the cache, cookies & shit yesterday. So consider this as well :D it was about 5s :D
and watching loading screen for that long makes ppl quit :D
3 sec. is on the edge
@kirbyedy for the mobile... Not for the desktop ;d
for me is always 3sec
I could make it % based rather than word based
after that ctrl+w
HTML 5 video just takes a while to load tbh
@electrostaticfleece always do try to run your apps in clean prefix - no libs downloaded etc ;3
@AdoSae1 yes, better! But you got things like
align="left" style="color:lightgrey" still left in your html
it should be in css tab as well
@kat-mag Loading animation is based on having all of the images preloaded and the percentage of both of the initial videos downloaded. I'll probably just change the percentage to 10% rather than 30% on the videos.
@kat-mag alright fixed it thanks again
adosae1 sends brownie points to @kat-mag :sparkles: :thumbsup: :sparkles:
:warning: adosae1 already gave kat-mag points
It's tricky though, too little and you get a broken experience. Too much and the loader takes too long.
@electrostaticfleece Yup. You can also try to render something meaningful first, and then lazy load the rest of the assets as user is busy on the first 'page' of your site.
because if it loads all at once on a clean prefix - it takes ages
@AllanPooley thank you
skfwnelf sends brownie points to @allanpooley :sparkles: :thumbsup: :sparkles:
:cookie: 271 | @allanpooley |http://www.freecodecamp.com/allanpooley
npm rm -S @frank/workspace
what is wrong with this command? I want to remove the dependencies
what is wrong with this command? I want to remove the dependencies
@skfwnelf https://docs.npmjs.com/cli/uninstall ...@@
I feel like this is missing something
@dotkoven looks ok to me
can somebody tell me where am i going wrong here?
https://codepen.io/shreyas23-sk/pen/bwzBBO
https://codepen.io/shreyas23-sk/pen/bwzBBO
@kirbyedy How did you manage to turn your github url into like a homepage type deal?
github pages
@kirbyedy thanks
dotkoven sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1481 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
there is a better tutorial I guess, but this was the first one in search :)
Hey guys.
Im supposed to build the Zipline Portfolio project, but honestly have only taken the basic jQuery tutorial up until this point
how did you all manage to get this done? :/
@AyoFarouk It's just portfolio. You don't even need jquery or any JS for that matter
@AyoFarouk You can make it fancy after you learn more ;D
Can someone help me with Jquery?
var address;
$.get("http://ipinfo.io", function(response) {
address = response.ip;
console.log(address);
}, "json");
$.get("http://ipinfo.io", function(response) {
address = response.ip;
console.log(address);
}, "json");
Why is it that if I put the console.log outside of get I get undefined?
And how do I save response.ip to the address globall?
And how do I save response.ip to the address globall?
@TasmaniaKrama That is because the get callback function runs later when the response comes. That is after the console.log outside the get runs.
That $.get... only binds the function to the ajax call. It doesn't run it.
How would I save the response.ip so I can use it later when needed?
@TasmaniaKrama You can use such variable, but only inside the callback you know that the response has come.
@Masd925 I am going to build the weather app but I don't want to use the location thing that asks you for permission. So I was thinking of using this approach.
@Masd925 So are you saying that now I have to write my whole JS script inside the $.get just because I can't get the ip out?
@TasmaniaKrama An option is to call some function from the get callback. You could also pass the ip there instead of using the variable.
@Masd925 true, thanks :D
tasmaniakrama sends brownie points to @masd925 :sparkles: :thumbsup: :sparkles:
:star2: 2781 | @masd925 |http://www.freecodecamp.com/masd925
Hi guys. How can i fix the button in a position? I need that the button doesnt change the position if the text just above it is longer/shorter
Here is the pen http://codepen.io/gastonk/full/gwEvzz/
Here is the pen http://codepen.io/gastonk/full/gwEvzz/
@gastikirs I think that you may need to fix the size of the text box
@sjames1958gm Will try that
@sjames1958gm Worked. Genius. Thanks!
gastikirs sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 4011 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
One more question. If i wanna put 2 quote icons, like the first in the left
Which is the best option? Make 1 row for the left quote. then the content, and finally another row for the right quote?
hi there
is anybody using webpack?
I've some variables in JSON-file
and wanted to load them to my angular app
import myVar from './variables.json';but these one says that
Cannot find module './variables.json'.Please help
https://codepen.io/TasmaniaKrama/pen/qawkYa?editors=1111
So I can't request from https to http but when I switch codepen to http it says it can't use geolocation :/
So I can't request from https to http but when I switch codepen to http it says it can't use geolocation :/
reviews please
http://codepen.io/nirmalannu/full/pEGRgN
http://codepen.io/nirmalannu/full/pEGRgN
@TasmaniaKrama yes. Exactly - you can't do that on https
@kurumkan It's ok I figured out how to do it with ip address so whole thing can be used on http. However if you use crossorigin.me you can actually use everything over https, but it has a delay of ~20 sec.
@manar-mk try var myVar = require('./variables.json')
Guys any idea how to align both buttons to the center? I added the class center-block but nothing happens
@gastikirs Did you try to search on google?
@Otto-AA Why do you think im asking here?
@gastikirs Then try your search with "bootstrap center buttons" and you'll find the answer :)
@Otto-AA Thank you, i havent thought in googling it
gastikirs sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:cookie: 319 | @otto-aa |http://www.freecodecamp.com/otto-aa
@Otto-AA ...
@gastikirs Hmm, was this sarcasm?
@gastikirs <div class="col-md-8 col-md-offset-2 text-center">
@sorinr Thanks! That worked :)
gastikirs sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 796 | @sorinr |http://www.freecodecamp.com/sorinr
@gastikirs welcome
Can anyone tell me why the border color did not show on this? It's supposed to be white around the quotes. http://codepen.io/MomJ/pen/zKbWON
@jeanneh125 There's an typo:
border-sytle
@jeanneh125 border: 2px solid white;
@Otto-AA thanks! @kirbyedy thanks
jeanneh125 sends brownie points to @otto-aa and @kirbyedy :sparkles: :thumbsup: :sparkles:
:cookie: 320 | @otto-aa |http://www.freecodecamp.com/otto-aa
:star2: 1482 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
@jeanneh125 And a tip for codepen: You don't need head- and bodytags, you can use the html-settings for your links and the everything you'll write into the html section will be in the body then. Also the script is called automatically, even without script-tags ;)
@Otto-AA What do you mean by "Also the script is called automatically, even without script-tags" ? in your previous post to @jeanneh125
@Otto-AA Thanks for the tip.
jeanneh125 sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:warning: jeanneh125 already gave otto-aa points
Hey guys can smb check if it's working? My innternet connection is slow atm; so it takes time to get json from server. Can you try it? https://codepen.io/Miczysko/full/amKBjb/
it's a quote machine :)
@Miczysko works for me... I GET the jokes :)
quick question, is it possible to use jquerry on images that we have added to the html and apply action on them like animated shake etc?
if someone could take a look at this what I did wrong?
@Marinxy - did your page get removed? I loaded it once, and then it could not be loaded again?
@khaduch hello, I removed one version since I had 2 saved... https://codepen.io/Marinxy/pen/jrRmjo
does this one work?
@khaduch btw I just figured it out, I enabled animate class under css and applied the class to the image
works now :)
@Marinxy - okay - that's great!
can someone help me with a layout? I need .aside and .segment take up full remaining height. On smaller screens I need only .segment to take all the height https://jsfiddle.net/makstheimba/struvvra/6/
can i use sass preprocessor via a CDN?
can someone help me with my page?
i don't understand why my background image is not all the way up, you can se that the top portion their is not covered, does anyone know why ?
Hello world! :)
welcome to FreeCodeCamp @NitinNair89!
Good bye cruel world :(
@edqu3 What happened?
@NitinNair89 lol just a joke. ( a bad one )
@Tomididak because even though the divs before your background image have their gutters causing that gap
@Tomididak since you got
position: fixed all over the place, you have to set your background image div to also be position: fixed AND in the HTML place it before the other divs so it remains on the background.
@edqu3 You can't use sass via cdn. It's a 'pre-processor' that requires a program that compiles the code.
@jdtdesigns yeah, I was thinking that maybe you could have a service that you could upload your sass to and it would return css.
@makstheimba This is how to make aside and segment fill the entire height. I'm not sure what you're wanting with the .segment. Do you want all the divs to be in a column on smaller screens?
Put your sass code in codepen CSS editor, then click compile CSS @edqu3 ;)
@NitinNair89 You don't have to click a button to compile lol
Haha I know @jdtdesigns :D
@NitinNair89 haha, How do i do that on a real project?
@edqu3 are you wanting to use sass locally?
@jdtdesigns maybe as a fall back. But what i want to do is precompile sass remotely
@jdtdesigns is that a bad idea? :D
@edqu3 Not sure what you're trying to do. Are you wanting to code remotely with sass without being online?
@jdtdesigns no. send sass files ---> (Online) SassPreprocessorService(sass files) ----> Processed CSS ---> My Project
um codepen, jsbin, jsfiddle and a hundred more @edqu3
@jdtdesigns yes but I want to do this from my server. do any of those provide preprocessing as a service?
@edqu3 just code it locally and push the compiled code to your server
@jdtdesigns ok :)
@jdtdesigns thanks. With your guidance I was finally able to get what I wanted https://jsfiddle.net/makstheimba/struvvra/10/
makstheimba sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 729 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
@makstheimba Great! Just make sure to change .row to .column since it represents a column now. ;)
oh wait
you took the header out
i see :D
you don't need 'flex-direction: column;' in .row
@makstheimba
@codeyBangs On codepen, she had something like
<script src="javascript.js"></script> in her HTML. But the JS-section of the pen will get called automatically without that script-tag in HTML
@NitinNair89 <form name = "quizQ1">
<b>Question 1: How long was it before an AI became rampant?</b><br></br>
<input type = "radio" name = "getAnswer1" onclick = "getAnswer('a')"> 7 years<br>
<input type = "radio" name = "getAnswer1" onclick = "getAnswer('b')"> 12 years <br>
<input type = "radio" name = "getAnswer1" onclick = "getAnswer('c')"> 3 years <br>
<input type = "radio" name = "getAnswer1" onclick = "getAnswer('d')"> None of the above, they didn't become rampant, they just developed issues regaurding their colons. </br><br></br>
</form>
<script type = "text/javascript">
function getAnswer(input) {
if (input == "a") {alert ("Be proud you got the first one right, now lets up the difficulty.")}
else {alert ("Ya done screwed up son!")}
}
</script>
<form name ="quizQ2">
<b>Question 2: What is the ark?</b><br> <br>
<input type = "radio" name="getAnswer2" onclick = "getAnswer('a')"> A gold-covered wooden box described in the book of exodus. </br>
<input type = "radio" name="getAnswer2" onclick = "getAnswer('b')"> FOB(forward operating base) for all covenant grunts. </br>
<input type = "radio" name="getAnswer2" onclick = "getAnswer('c')"> A giant ship that could fire all installations at the same time and from the same place. </br>
<input type = "radio" name="getAnswer2" onclick = "getAnswer('d')"> A giant construct that could fire all installations at the same time and from the same place. </br>
<br></br>
</form>
<script type = "text/javascript">
function getAnswer(input) {
if (input == "d") {alert ("Thats two correct, was it hard?")}
else {alert ("More screwing up you do! No rice for you!")}
}
</script>
@hamiefuzzy why was this sent to me?
I'm stuck on Quote Machine. My quotes are not showing up. I would appreciate it if someone could point me in the right direct. http://codepen.io/ronnywade/pen/amQGvz
@ronwade You need to include jQuery to your pen :)
@NitinNair89 haha, How do i do that on a real project?
@edqu3 I don't know :P
@jdtdesigns I need it, try resizing without it
okay, thanks.
@ronwade You need to add jQuery. Go to Settings->JS and choose jQuery from the quick add dropdown
@makstheimba Ah, didn't see the query.
If i want to specify all items in a string besides the first, is the notation string[0:] ?
@mhdavis so if the string is "myString" you would want to target "yString"?
yes
like string = "the panda eats bamboo"
string.slice(1);
then I want "panda eats bamboo"
string.split(' ').slice(1).join(' ')
@jdtdesigns :+1:
@codercooooder
hey guys, do any of you know where to get wordpress help?
i've googled, but the results are all about plugins within wordpress instead of help forums to get help using wordpress
there are forums, but I want live chat
hey guys, do any of you know where to get wordpress help?
i've googled, but the results are all about plugins within wordpress instead of help forums to get help using wordpress
there are forums, but I want live chat
jd yo
you missed me i know
@jdtdesigns cool thanks, I was getting python syntax confused with java
mhdavis sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 730 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
@jdtdesigns Is there a difference between string.slice(1) and string.substring(1) ?
@Otto-AA not much except slice works on arrays and strings
@jdtdesigns Ok, thanks
otto-aa sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 731 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
@jdtdesigns come on man, i know you want to help me.
@codercooooder If i remember right, i think i have you blocked for a reason ;)
come on!!!! you blocked me @jdtdesigns
@jdtdesigns i thought we were buds, just because we had a disagreement? you don't want to give me a little starter help with wordpress?
its a small question
@codercooooder what's the question
i don't understand why the home page has a loop by default, the home page is looping my pages, i think because is the default way that page.php operates
it seems like that shouldn't be the case that all my "pages" are displaying on my home page when i make it static, but alas it is
@codercooooder the homepage doesn't loop by default
i feel like there should be an easy setting to change this, but maybe i do have to make a new template for the hom.
mine is, i tried changing the theme
unless you're using a premade theme
all of my premade themese are doing it
@edqu3 but i want that background image just to be in that container and the next section to be grey
when i look at page.php there is a loop, i think that's why, it is odd
have you encountered this ?
use front-page.php
that's the template for a static homepage
there is no front-page.php
at least not in this theme
that's why i'm saying to use it
you mean create it?
yes
:) roger boss
thank you
thanks @jdtdesigns
codercooooder sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 732 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
I am having some performance problems with the weather app
Right now, I have it so that once the user press the button, the weather will be displayed. As of now, I am only updating the city and the country
but the response is so slow
it takes a few seconds for the JSON data to be fetched and updated
can you guys help me figure out, how will i reduce the difference between my "result" in the display and my "score". since "score" is in table format, i am having trouble.
for related css code see line 45 ie .th_list
http://codepen.io/nirmalannu/pen/amxkNJ
for related css code see line 45 ie .th_list
http://codepen.io/nirmalannu/pen/amxkNJ
@tcao2 You're using crossorigin.me which is heavily loaded now that everyone is using it. Just run the pen through http and use an ip locator for chrome. http://codepen.io/jdtadlock/pen/NRmwWJ?editors=0010
@jdtdesigns is it possible to stack multiple options in a switch statement?
multiple cases for one action? @mhdavis
switch(info) {
case 'option1','option2':
code;
break;
}
sort of like that
Hey guys just finished a project. Here it is try it out !!!!!! Any suggestions are more than welcomed. http://codepen.io/designercoder123/full/kkVkaj/
@mhdavis
switch(info) {
case 'option1':
case 'option2':
case 'option3':
//code
break;
}
@mhdavis
@jdtdesigns what's up?? Done with my Wikipedia search http://codepen.io/accimeesterlin/full/rrwWNp/
@accimeesterlin sup dude
looks good
@jdtdesigns hmm I see that you only change the openweather api link. I just tried to use it, but it gives me an error : XMLHttpRequest cannot load http://api.openweathermap.org/data/2.5/weather?lat=39.0578698&lon=-77.4453478&appid=c3274763022ab2757a62ce204ce0b818. Failed to start loading.
@tcao2 is your codepen still on https://?
take https:// away
no it is already on http://
Thanks @jdtdesigns . I am coding on a daily basis to be a good developer. I am learning Node.js and Express.js, and still knocking few things down with JavaScript.
accimeesterlin sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 733 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
I am trying to master jQuery, and and Canvas, and SVG.
It's a lot.
@accimeesterlin Awesome bro. Canvas isn't really necessary for standard web dev, but it'll be good to know for game or graphical displays.
@tcao2 ....
look at your url
"https"://codepen.io/tcao2/pen/EgrjYx?editors=1010
should be codepen.io/tcao2/pen/EgrjYx?editors=1010
@jdtdesigns thanks i gotcha
mhdavis sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:warning: mhdavis already gave jdtdesigns points
oh you meant the url to codepen
i was staring at the url in my javaScript
yes
sorry I misunderstood that
:(
thank you!
welcome ;)
thank you @jdtdesigns
tcao2 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 734 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
hmm but that means I would have to use the api that you provided
it is telling me that pen.js:34 getCurrentPosition() and watchPosition() no longer work on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS
look at my code
i changed that function
@tcao2
yes I see the change you made. I was confirming that I have to use http://ip-api.com/json to get the geolocation if I use http for codepen
is it so?
yep
got it
thank you for being patient with me
i feel like a lot of these (it not all) is not covered in the FreeCodeCamp lesson
is that the purpose of the project? To get the students to research and stuff?
@tcao2 fcc doesn't teach you
it just challenges you
I like that :D
thanks again @jdtdesigns
tcao2 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:warning: tcao2 already gave jdtdesigns points
has anybody built the tribute page? If so can you share . I want to get some ideas.
@jbpulley If you want a bigger challenge you can try something like this: http://codepen.io/carolinass/pen/WrPyja
Nice @Otto-AA thanks
jbpulley sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:cookie: 321 | @otto-aa |http://www.freecodecamp.com/otto-aa
@jbpulley Mine is very simple - http://codepen.io/Nitin-Chandran-Nair/full/kXykGW
Hey, just a quick question: looking at the page and at the bootstrap website, it seems like I could just copy a default look, make some changes here and there, and end up with something similar to the example given. Is that what I'm supposed to do? After finishing every challenge so far, I don't think I have enough knowledge or experience to make a website like that on my own.
you might, but try to explore a bit
I guess what I'm asking is: What am I supposed to achieve here? I haven't really done much if I'm just copying a default look and changing it a bit
try to do it on your own
@dgdas9 Don't copy. Code it by learning
don't look at the templates and examples. Get yourself any bootstrap tutorial online. Read, Code, Repeat.
Oh, right, outside tutorials, right, sorry to bother you folks
Does anyone know why a project on CodePen doesn't work now but worked when I submitted it? I just checked my Twitch API project from a few months back and it no longer works but I haven't changed any code
@gonzalezi2 you need a client-id
I can't understand what is wrong with my code the computer plays a move but after playing several moves with human player it stops to respond and onlu human player can play his/her move
I am using a random number generator
@kirbyedy @NitinNair89
@kirbyedy thank you so much!
gonzalezi2 sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1483 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
@dgdas9 Bootstrap will take some time to master, so practice hard. And people are always here to help :)
@MohammadHasham Why the random numbers?
i find minimax algo really difficult that's why i thought maybe it would serve the purpose
@NitinNair89
hmm, ok. Try adding some console.log displays to check the code flow. I started with single player game, the computer only moved twice and i have 6 symbols of my choice on the board.
Yeah! actually the problem is in else part of computer_move method
i am trying to figure out what i am actually doing there wrong
ok
is there any other way if i don't use random number generator @NitinNair89
I am not sure mate. I haven't worked on it yet. @MohammadHasham Sorry!
@NitinNair89 okay no problem.
Hey guys, I'm trying to put a background-image in a well nested in boostrap column.
<div class="col-sm-10">
<div class="well well-lg" style="background-image:url("http://img.freepik.com/free-vector/background-with-white-squares_23-2147501484.jpg?size=338&ext=jpg");">
<h1 class="text-primary text-center">Sample Portfolio Page</h1>
<p>Testing</p>
<p>Testing 2</p>
</div>
</div>
<div class="well well-lg" style="background-image:url("http://img.freepik.com/free-vector/background-with-white-squares_23-2147501484.jpg?size=338&ext=jpg");">
<h1 class="text-primary text-center">Sample Portfolio Page</h1>
<p>Testing</p>
<p>Testing 2</p>
</div>
</div>
Good night All! See ya tomorrow! :)
It doesn't show. Any advice?
@jumpship91 Is the class name correct? I thought it would be just well-lg
@NitinNair89 the well works correctly. its well, then defined as large well which gives larger padding
codepen link?
Are you sure codepen will render images from freepik?
oh good point..that i'm not sure
is that why?
@jumpship91 just try it with another img, maybe it'll work
tried two different images from diff sources
is it okay now?
@jumpship91 did you try this in css:
.well {
background-image:url("http://img.freepik.com/free-vector/background-with-white-squares_23-2147501484.jpg?size=338&ext=jpg");
}
@jumpship91 Found the mistake: you used " too often.
@NitinNair89 I did not, will give that a try. Was trying to solve it without doing custom CSS first
@jumpship91 put your url into
's
@Otto-AA let me try
@jumpship91 follow what @Otto-AA said. He is right :)
he/she whichever :D
@jumpship91 else it would close the style-""s instead of opening a new one ;)
@NitinNair89 he/she/it :P
@Otto-AA Thanks guy/gal/bot!!!
jumpship91 sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:cookie: 322 | @otto-aa |http://www.freecodecamp.com/otto-aa
@MohammadHasham Um, add a check for gameover/winner after every move
@jumpship91 ^_^
@NitinNair89 thanks for helping past bedtime!
jumpship91 sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 317 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
no worries, i usually stay till 1-2 AM on this channel :P
@Otto-AA "he/she/it/they" :P
@NitinNair89 yeah sure but now i guess recursively calling the function has made it doing things right
@NitinNair89 he/she/it/they/us... O.o
good to hear it @MohammadHasham :+1:
@NitinNair89 Thanks
mohammadhasham sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 318 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
@Otto-AA enough :laughing:
:)
@NitinNair89 :smile:
http://codepen.io/atharvajava/pen/yakgxP how to fix font color and icon color of the footer so as to make it visible
@atharvajava Do you mean the technique or the color we'd suggest?
the color of font as well as icon i want them both to be platinum color
How do you guys like my Tic tac toe? I just finished it
http://codepen.io/hristijankiko/full/bwmOyP/
http://codepen.io/hristijankiko/full/bwmOyP/
@Otto-AA the color of font as well as icon i want them both to be platinum color which i am unable to set explicitly
@atharvajava for the font set
color: #E5E4E2; and for the icons: http://stackoverflow.com/questions/14474452/can-i-change-the-color-of-font-awesomes-icon-color
:3 i knew the font color just i am unable to set it but thanks @Otto-AA
:cookie: 323 | @otto-aa |http://www.freecodecamp.com/otto-aa
atharvajava sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
@atharvajava I don't really get your problem :/
@atharvajava platinum isn't a color if you thought that
@Otto-AA np i got it i was missing it because i set in footer color as inherit and totally forgot and tried to override it else where with platinum color so that is why it wasn't working :)
thanks @NitinNair89
jbpulley sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 319 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
http://codepen.io/atharvajava/pen/yakgxP how it looks
I am trying to show that FCC is online or offline with the Twitch challenge. I'm not sure if I have the URL correct based on the update on the challenge page. Would you please look at line 6 of my JS and see if it looks correct. I think it should work.
http://codepen.io/stmoen/pen/RGYKxg?editors=1010
http://codepen.io/stmoen/pen/RGYKxg?editors=1010
When I put a div with a rbga background color with an alpha of anything, on top of another div with a different rbga with an alpha, the top one will just turn the same color as the second. Anyone know why this happens?
It's kinda annoying
@atharvajava Looks pretty nice. I'd use a bit more space after about me and a bit bigger font-size but all in all pretty good :)
@Dirtier can you link an example?
The screen
if I change it's color to an RBGA, it will just turn the same color as the blackish background I have for the inner circle
@Dirtier if I set
background: rgba(255, 0, 0, 0.4); on #screen it will become a darker red. Isn't that how it should work?
Ok I tried it again, for some reason it worked this time
idk wtf was going on, but its been happening over the passed 3 days lol
I think it had something to do with the sass function I was using for rgba colors
@Dirtier Well, at least it works now :P
Haha yea. Maybe I typed it rbga or something, do that all the time too >.<
@Dirtier ^^
@Dirtier I think looking at the developer tools would have helped there. So if you aren't familiar with them, give them a try
Hi everyone. I have problem with isotope.js . Posts twitch little bit after filtering http://tf.stud-zachet.ru/careers/# , cant understand what do with that
just curious how do you accomplish number 5
where you can access all of the portfolio webpage's content just by scrolling
@MohammadHasham I created an algorithm that makes the comp block your moves at a novice level. So basically, if you don't set up for a double row, the comp will never lose. http://jsbin.com/fitihik/edit?js,output
You can add a little code and make the comp try to win. ;)
?
anyone know how to do number 5
of Build a Personal Portfolio Webpage
you add an id to each one of the sections and then in your nav the links would be a hashtag followed by the id ex.(#contact, #about) @bballdan4
oh ok I didnt learn about the nav function during the freecodecamp
lol
thanks
@bballdan4 fcc doesn't teach you, it just challenges you
look up some html/css tutorials or google 'one page website navigation'
Can someone please help me figure out why one of my linked google fonts randomly stopped working in Chrome but seems to work fine everywhere else. The links and css worked fine in Chrome the last time I checked a few days ago and work fine in other browsers now so I can't seem to pinpoint the issue. Codepen link is http://codepen.io/Ryanwfile/pen/KgBJoQ and the text not changing font properly is "Customize Alert Timer". Thank you for any help
@Ryanwfile Chrome. Works
@kat-mag The Customize Alert Timer text is using the font-family:"Jacques Francois Shadow"; ? Thank you for checking
:cookie: 384 | @kat-mag |http://www.freecodecamp.com/kat-mag
ryanwfile sends brownie points to @kat-mag :sparkles: :thumbsup: :sparkles:
@Ryanwfile yes
@jdtdesigns Thank you, it's not working in Chrome for me so I'm not sure what's wrong
ryanwfile sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 735 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
your text shadow is wrong which maybe causing it to break in your chrome version @Ryanwfile
@jdtdesigns Thanks again, it worked fine a day or 2 ago and I haven't changed a thing so I'm not sure what could have caused it to randomly stop working in Chrome. It just started working again for me now so I don't know what happened.
ryanwfile sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:warning: ryanwfile already gave jdtdesigns points
hi peeps, i need help. i am trying to create a read more button. i just dont understand the concept. can you help
no worries. i finally undersand it. ta
has anyone done any calendar based apps ? I want to take spreadsheets (dumped files) that have daily dates and then some details and be able to improt those files, display the events on a calendar and scroll throgh
I have quick question. How can I have text on the same line but give the text different properties? For example, I have a quote going under an image and want to have the quote be one size and color and the person who made the quote be a different size and color.
for the portfolio site, does it have to be functionally identical? I built one and am hosting it on my own, but I don't know if it's applicable since it's a pretty different format
Hi!!! i cant change the font-size in the class title......why??http://codepen.io/Juan1417/pen/BLrjOY
@j1417 your class is different than your title: you have a typo in your markup!
@j1417 also it looks like you assign the title to an id "ptitle" with your <a> tag, but in your css you refer to it as ".title", so you may want to straighten it out on one side or the other
@mfukano how can i fix that?
@Sneak8288 wrap it in a <span> and use a class name. this keeps the text inline as opposed to using a <div>
Hi everyone! Take a look at my pen! It is my tribute page <3
@AdventureBear okay I understand, thanks.
sneak8288 sends brownie points to @adventurebear :sparkles: :thumbsup: :sparkles:
:cookie: 531 | @adventurebear |http://www.freecodecamp.com/adventurebear
Hi!!! i cant change the font-size in the class title......why??http://codepen.io/Juan1417/pen/BLrjOY
@j1417 if you want to keep the id "ptitle" (which I can assume means page title), you'll want to use the ID selector in your css! #ptitle{}
I'm tryin to get wheather from coordinates: $.getJSON("https://crossorigin.me/http://api.openweathermap.org/data/2.5/forecast/lat=" + lat +"&lon=" + lon + "&APPID=d lat and lon are the coords and appid the key.Nothing shows
@mfukano i created a class title for Portfolio and Contact me below the navbar
i used ptitle just for the navbar
@j1417 ah, I see what you're trying to do. In this case, you use #title2 to refer to the .title class on the same line. IDs will always have more precedence than classes, and you haven't defined any styles for #title2
@mfukano ohhh thank you!!
j1417 sends brownie points to @mfukano :sparkles: :thumbsup: :sparkles:
:cookie: 281 | @mfukano |http://www.freecodecamp.com/mfukano
@j1417 I would probably suggest simplifying your markup! Some of your selectors for your HTML don't look like they have styles in your CSS file, and others are somewhat tripping over others.
Trying to create the portfolio webpage right now should I be using bootstrap?
@dotkoven I don't think it's a requirement, just a suggestion
@mfukano i use #title2 for an anchor <a href"#title2"> and the class title for the css
@jdtdesigns you still around? I'm running into some JS problems
specfically the problem is with my getPicture() function
If anyone wants to chime in, that would also be helpful :smile:
@mhdavis var remainderArray = weatherArray(0,1); this is not correct
are you trying to slice the array?
yea, minus the first element
im trying to get every element in the array besides the first one
also data.observation_time.weather should be data.current_observation.weather;
weatherArray.slice(1) to get everything except the first
which variable are you refering to with your first statement?
i fixed the slice statement
How do I go about sectioning the About outside of the nav bar? http://codepen.io/dotkoven/pen/qawNJY?editors=1100
I keep getting messed up on how many curly brackets , parens, and semicolons I should have at the end of my code: }):
Is there any way to keep these straight?
Is there any way to keep these straight?
@dotkoven what do you mean?
Hi everyone, checkout my portfolio and please comment and suggest on it
http://codepen.io/ozair01/full/RGKGVW/
http://codepen.io/ozair01/full/RGKGVW/
@OzairAshfaque super nice
@OzairAshfaque why project links link to an image and not a project itself?
@makstheimba lols because they are intentionally to be done like that actually lols
@makstheimba Thanks anyway
ozairashfaque sends brownie points to @makstheimba :sparkles: :thumbsup: :sparkles:
:cookie: 350 | @makstheimba |http://www.freecodecamp.com/makstheimba
@OzairAshfaque so if anyone wants to checkout your projects they will have to stare at enlarged images? that's unfortunate
@karocann Are you working in an IDE or working in codepen? if your cursor is next to one of those it will show which it lines up with
@makstheimba yeah you are right lols, but its on a test run actually, I will put the actual links later
@AndroidWargames I'm working in codepen. I haven't found a way to show how they match up.
Does anyone have a recommendation on how to add a photo to code? I am working on my tribute page and have never done this before. Thanks.
@karocann when your cursor is next to a bracket, it will be underlined, as well as the matching bracket
@celticslegends you want to add an image in your tribute page
@OzairAshfaque yes
the code is; <img src="/whatever the link is">
If you view my page in full screen http://codepen.io/dotkoven/pen/qawNJY?editors=1100 I'm trying to figure out how to get the nav bar from extending itself into the content of the page. How would I do this?
@OzairAshfaque can I just use any link, or do I need to save the picture to something?
@celticslegends http://www.w3schools.com/tags/tag_img.asp
nvm I'm stupid
@AndroidWargames That's good to know, but it isn't working like that on mine. Maybe there is a setting I'm missing?
I forgot the close the nav tag
no you just need to provide the link if you are picking it from some website, otherwise first you have to upload it in you pencode
@celticslegends
@OzairAshfaque Ok. If I understand you, I just need to use the link from whatever site it is on and use the proper code doing so.
trying to work on returning geolocation for my weather app. anyone know what's wrong with this code? http://codepen.io/AndroidWargames/pen/amxoPm
ok, nevermind, it works in the codepen preview, but not in my normal browser window. I'm using chrome
yes, but the link shoud be to that image only, then the code will pick it up the image by it self , for example
<img src="https://65.media.tumblr.com/758caec0dd4bce3ce75a7b7a439e56ec/tumblr_ofkrf550e41vjp6lxo1_500.png">
now run it in your ide it will pick up the image
<img src="https://65.media.tumblr.com/758caec0dd4bce3ce75a7b7a439e56ec/tumblr_ofkrf550e41vjp6lxo1_500.png">
now run it in your ide it will pick up the image
@AndroidWargames why do you have authentication in a weather app?
those are just there as sample input forms, they're inconsequential at this point
@AndroidWargames you will be better of using ip-api for location determination. navigator will not work under certain circumstances