That got the lunch file to load, but will it be able to toggle between the two files at the set time intervals?
@restrepomich - well, you'll have to have some other method of triggering the check - I think I mentioned using
setInterval() and Tom also mentioned it above. It's not going to just run automatically - you would only have to have it test every minute or so, I would imagine?
var thisIs = "lunch";
if(hours >= starthour && minutes >= startminute && thisIs != "lunch") {
location.replace('lunch-4.html');
} else if (hours >= endhour && minutes >= endminute){
location.replace('breakfast-4.html')
}
this seem to have worked
@restrepomich - then in your breakfast file, do the same thing for the breakfast time period - basically if the breakfast file is loaded, and it's breakfast time, you don't want to switch it. There are probably other clever ways to make this page - you could have it all on one HTML file, and just switch between divs with the appropriate information, for example? That way you don't have any multiple pages and replacements - just use
display: none in the appropriate way to get it to show what you want.
Awesome! Thanks so much @khaduch and @moT01 for your help! :) Really appreciate it.
restrepomich sends brownie points to @khaduch and @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 907 | @mot01 |http://www.freecodecamp.org/mot01
:star2: 3508 | @khaduch |http://www.freecodecamp.org/khaduch
@restrepomich - you're welcome... it was a good brain teaser! Let us know if you have other specific questions.
yea, i couldn't figure out what was going on there right away
I've never run across a problem like that before - I think it was interesting and non-obvious...
i must be missing something
@moT01 - if you look at this code:
var thisIs = "lunch";
if(hours >= starthour && minutes >= startminute && thisIs != "lunch") {
location.replace('lunch-4.html');
} else if (hours >= endhour && minutes >= endminute){
location.replace('breakfast-4.html')
}without the extra test for thisIs != "lunch", and it was the time that passed the test condition for lunch, it would navigate to the page again, via location.replace. So it would run the same check again, navigate to the page again, and again, and again. So if you put some conditional check for which page you are on, you won't go to a page that you've already navigated to. A similar check has to be added for "breakfast", or else it will happen there.
yes, i figured that out after you guys started talking - i was quoting what was going through my head earlier
so i guess it was sort of looping
@teknotik - it might be a long shot, because freeCodeCamp doesn't cover that. But - someone might be proficient in it, or we could just take a stab at it if it's not too advanced (always could take a peek at the docs and apply some experienced eyes...)
or you could try the backend room - but the same restrictions about freeCodeCamp still apply, I think? :)
@ev3rlord, oh ty ~ hmm I’ve created a repository and made a simple comit to it before. But this time, after reviewing some beginner guidelines, I tried to download Git for mac. My computer however, is telling me “no mountable file systems”. Can I just forgo using Git, should I do this?
junipberry sends brownie points to @ev3rlord :sparkles: :thumbsup: :sparkles:
:cookie: 13 | @ev3rlord |http://www.freecodecamp.org/ev3rlord
junipberry sends brownie points to @asjas :sparkles: :thumbsup: :sparkles:
:cookie: 291 | @asjas |http://www.freecodecamp.org/asjas
I’m on my github desktop right now, trying to commit the video as a file to master. But it’s not working bc it says I didnt make any changes to master. Could someone point out what Im doing wrong pls?
github newbie here trying to upload a short video on github
@junipberry cant you go to the repo, in the browser and find the upload files button - and just like drag and drop or something?
i think you can
but im not sure
hey tom, Im in the <code> tab of the new repository and I’m sort of stuck on the page with the “quick setup"
I don’t know what my next step is
I dont have Git installed
i feel like you should be able to
she'll find out
ah okay, I started a new repository with the readme initialized. I can do it now, thank you all ty @moT01
junipberry sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 908 | @mot01 |http://www.freecodecamp.org/mot01
she doesn't want github to play it - she wants to use it on her project i think, so i think that would work
not a freecodecamp project, but remade an old arcade game called Sea Wolf in phaser.js. https://github.com/DanJP2016/Sea-Wolf
how do i play it
download it and upzip it, use the left and right arrow keys to move the target box at the top, and space button to fire the torps
run it in firefox though or the sounds won't play
download and unzip
thats work
maybe ill give it a try in a bit - ive got some food here - sorry man
no problem. if you do check it out let me know what you think. tried to make all the images and sounds from scratch
primuscovenant sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 2063 | @heroiczero |http://www.freecodecamp.org/heroiczero
Hey guys, I'm trying to create a series of images separated by arrows. Something like this:
Except instead of orange bubbles of text I'd like images. Is there a JS library that can help with this? Thanks.
@Bazill03 What about using javascript to calculate the positions of the images? I have done this here, but I would suggest you to do it yourself, as it is a good exercise on javascript, css and algebra :)
@junipberry Just something to be aware of. I noticed last night trying to upload a video myself to test that github has a 25MB file upload limit. So the video that you are trying to upload would need to be less than that. If it's larger I would then suggest using a free vimeo account (250mb limit) to then upload
myStr should have encoded text with the proper escape sequences and no spacing.
myStr should have one newline character \n
myStr should have one carriage return character \r
myStr should have two correctly escaped backslash characters \
myStr should have one newline character \n
myStr should have one carriage return character \r
myStr should have two correctly escaped backslash characters \
what i wrote:var myStr= "\rFirstLine\n\SecondLine\\nThirdLine";
It outputs
FirstLine
\SecondLine\
ThirdLine
Basically two backslashes were needed around SecondLine to escape the backslashes you had
so
.slice() and .substr() and .substring() are basically the same?
@Asjas I tried but it do not work The result does't match:myStr should have encoded text with the proper escape sequences and no spacing.
myStr should have one newline character \n
myStr should have one newline character \n
Okay well without access to the challenge I really can't say anymore. Most of what information you need is on google. I'll suggest reading up on using escaped characters
@AllenFeng3 ^
@Quantomistro3178 Not quite.
substring takes the start and the end as parameters, substr start and length. slice and substring are pretty much the same (a few differences here), but slice also works for arrays.'Hello World'.substr(2, 3); // llo
'Hello World'.substring(2, 3); // l
'Hello World'.slice(2, 3); // l
@Quantomistro3178 but you can do the same stuff with them. str.substr(start, length) = str.substring(start, start + length) = str.slice(start, start + length):
var str = 'hello World';
var start = 1;
var length = 2;
str.substr(start, length) === str.substring(start, start + length) && str.substr(start, length) === str.slice(start, start + length); // true
hello can anyone help me center something using bootstrap 4 both vertically and horizontally
@HarshHC You can post a codepen link and someone will look at it if they have a chance
can someone enlighten me please?
$(document).ready(function() {
var weapon
var gameStarted = false
// if a have choosen a weapon, I can no longer switch it, and I can start the game
if (!gameStarted){chooseWeapon(startGame)}
function startGame() {
$('.board .squares').on('click', function() {
$(this).children('.X0').html(weapon)
})
}
function chooseWeapon(callback) {
gameStarted = true
$('.weapons .squares').on('click', function() {
weapon = $(this).children('.X0').html()
})
callback()
}
})
I will post the codepen also
I want to only start the game if I choose either X or 0... which I amanaged with the callback
but I want after I have choosen, to can't choose again during the game.... so deactivate the buttons somehow, or put an if conditional... I tried with the gameStarted variable, but it's not working, I think I don;t understand the variable scope or something
@RaduMatees Seems to me that you don't want to call the callback until the weapon is chosen (inside the click handler for choose weapon)
In side that same click handler you could hide the choose weapons buttons.
BTW, you only check game started once at the page load so that is why it is not having any affect.
In side that same click handler you could hide the choose weapons buttons.
BTW, you only check game started once at the page load so that is why it is not having any affect.
@sjames1958gm thanks for your answer, but I still don;t understand... I understand that I should move the callback after the click event, and hide the buttons after the click, but I don;t understand how should I have done so it not only load at the page load
radumatees sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8693 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
$('.weapons .squares').on('click', function(){
var weapon = $(this).children('.X0').html()
$('.weapons').hide()
startGame(weapon)
})
function startGame(weapon) {
$('.board .squares').on('click', function() {
$(this).children('.X0').html(weapon)
})
}
I rewrote the code like this, but it still bugs me that I don't know what was the good way to do it. The other projects went well, but this one seems really hard. I feel like I am missing a lot of JS concepts
@RaduMatees It takes a little practice to get your head around the async nature of js and UI. Mapping out when things will/should happen.
guys, if i wanna add an array to the FRONT of my multi-dimensional array, then i need to use
.shift() right?
@sjames1958gm then what does shift do? i used it in my code and it returned a number
wait
```
function chunkArrayInGroups(arr, size) {
// Break it up.
var a = arr.slice(0, size);
var b = [];
for (var x=1; x<arr.length/size ;x++) {
b.push(arr.slice(size*x, size*x+size));
}
var final=b.unshift(a);
return final;
}
chunkArrayInGroups(["a", "b", "c", "d", "e", "f", "g", "h"], 2);
@Quantomistro3178 shift removes from the front - unshift ADDs to the front
unshift returns the new length which is likely not what you want
@sjames1958gm yeah. but i just tweaked the code a bit and it worked.
@sjames1958gm thanks!
quantomistro3178 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8695 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
@Quantomistro3178 if you start your loop at x = 0 then you don't even need a
yeah, i did that and removed the separate a variable
i just assigned its value to b
Could help me center vertically and horizontally using bootstrap 4 https://codepen.io/HarshHC/pen/vWyzOY
@HarshHC - you might not need to use Bootstrap - check out this centering guide from the css-tricks website: https://css-tricks.com/centering-css-complete-guide/
I need help with bootstrap. It is saying I need a closing elements somewhere. I cannot find it.
@BuBBRBbr1 if you can make a pen with the content
I put <div> and closing </div> everywhere I could think of.
any one here? @tiagocorreiaalmeida @BuBBRBbr1 @Am3ra
available?
the rooms are somehow made for that, just post your qeuestion and if somneone can help!
just wanted to know if the room was active don't want to wait and look at the screen for minutes
its more code review than a question.
I'm about done with the WikiViewer would like someone to review code / help with setting media quries
Never really got the hand of setting up media queries
I just use viewport units
was trying to set the widths for a mobile(iphone 400px ) but it looked worse without the viewport units
you should started reduce your screen unthil things break then you write a media querie and reduce unthil breaks again you can use aswell some defiend withds 1200 900 600 and below aswell
how are you writing the media queries?
where you can view the app on different mobile device
right. that's what I've been using. The app looks tiny on mobile
there's a thing thatsays the width and heigh
and right after %
set you to 100%
to see how it reallyl ooks on those sizes
yea its look in landscape but tiny in portrait view
dut to the viewport units
can't find a picture of it online. but Landscape mode is when the phone is viewed wide like a TV. Portrait is when it look like a calculator.
I asked you to send me a print of what you are saying on the dev tools :D
don't know how to do that. I can printscreen but dont know how to put the image in the chat
Can anyone help me with this
Go to: https://register.ft.com/
Give the code that, once pasted into the browser’s console, will merge the first name and last name
fields into one field called "Name" and still allows the form to validate correctly.
I have this approach but not sure how to target the dom, Thank you
$('#firstNameField').remove();
$('#lastNameField').remove();
$( ".su-field" ).append( '<p> HELLO <p>' );
})();
Go to: https://register.ft.com/
Give the code that, once pasted into the browser’s console, will merge the first name and last name
fields into one field called "Name" and still allows the form to validate correctly.
I have this approach but not sure how to target the dom, Thank you
$('#firstNameField').remove();
$('#lastNameField').remove();
$( ".su-field" ).append( '<p> HELLO <p>' );
})();
@Asjas , ahh I noticed that too! I actually uploaded a few diff tries, but it wont give me access to the raw link bc it is too big. I can only download it. But its nice to know that the limit is 25mb. thanks again @Asjas
junipberry sends brownie points to @asjas :sparkles: :thumbsup: :sparkles:
:cookie: 292 | @asjas |http://www.freecodecamp.org/asjas
actually, I just double checked and my file is only 7.89 mb, but github is telling me they cant show files that big..
where would I go to get the raw link to that video? @Asjas
Can you post the link to the github repo that has the video in it?
I want to check if it allows me to get the raw link
and in big sizes set margins around in smaller sizes let the input be 100% of te screen and just give some padding like 10px each side
@tiagocorreiaalmeida ok. thanks. Will have to revamp most the fixed and viewport sizes.
hensn5250 sends brownie points to @tiagocorreiaalmeida :sparkles: :thumbsup: :sparkles:
:cookie: 444 | @tiagocorreiaalmeida |http://www.freecodecamp.org/tiagocorreiaalmeida
@junipberry The raw link to that video is
https://raw.githubusercontent.com/junipberry/vids/master/RainierFlowers.mp4but it seems to not like playing it. I am using it in this codepen but it's not playing. Seems github is a bad idea. I'll suggest then using Vimeo or Youtube to host the video. They are the two best known video hosting platforms
@tiagocorreiaalmeida a template for the media queries is in the css . If you have the time could you show some of your suggestions
its ok you can keep what you have allready if you wont even tough I dont recomend it
at what width does it starts to look bad ?
its more a height issue then a width issue. it ok until the search results get displayed and thing start collapsing
@Asjas oh alright, darn. Im wondering why its not working for me though, your video on codepen worked just fine!
later
@junipberry I had to use firefox to be able to get that link. Chrome constantly tried to download the video instead of displaying the link
Hey Im doing "Seek and Destroy" Basic Algorithm Scripting challenge. But im stuck. Anyone know why 2 isn't being removed from the array, only 3? https://codepen.io/TKZS/pen/gXXqoE?editors=0012
@junipberry The problem I see with hosting on github is the delay for the video to start playing. It basically has to download before starting. Which is why hosting on a video site might be faster as it plays directly from there
alrighty, vimeo it is! :)
it has cetanly been a while since I have had gitter openeed(like 4 days hhaha) How are we all
@TKZS in your loop, you are calling
filter on firstParameter but storing it in result
@TKZS So when you call it the second time in the loop, it's not using the filtered array from the first iteration
tkzs sends brownie points to @kbaig :sparkles: :thumbsup: :sparkles:
:cookie: 426 | @kbaig |http://www.freecodecamp.org/kbaig
@kbaig So if im understanding it right. You can't save the return in a new variable?
@TKZS just replace
result with firstParameter in result = firstParameter.filter.... in your loop and return firstParameter
You probably wanna rename things but ye
@TKZS in case you're interested, this is a similar approach to solve it.
function destroyer(arr) {
// Remove all the values
return arguments.length === 1 ?
arr :
destroyer(arr.filter(n => n !== arguments[1]), ...Array.apply(null, arguments).slice(2));
}
@junipberry You embed the video. How you get the link is at the bottom of the video there is a share button. If you click on that you will get HTML code that will allow you to embed the video in a website
@Asjas, I’m not sure that would work for what I want to do . I want to use the video as a full screen background for my project.
I tried embedding it, and has many limitations on the video’s look and use
Does this help
You just need to change the src to your video and you'll be set.
that helps a lot, ty @Asjas ty @kbaig , I’ll compare those with what I have and figure out what I did wrong. Thank you again guys!
junipberry sends brownie points to @asjas and @kbaig :sparkles: :thumbsup: :sparkles:
:cookie: 293 | @asjas |http://www.freecodecamp.org/asjas
:cookie: 427 | @kbaig |http://www.freecodecamp.org/kbaig
@Asjas , how did you get this src:"https://player.vimeo.com/external/158148793.hd.mp4?s=8e8741dbee251d5c35a759718d4b0976fbf38b6f&profile_id=119&oauth2_token_id=57447761" ?
That was the link the guy used. It's not my codepen. It seems he's using an oauth token to get the video directly from video and not using the normal player. I'm not really sure how he got that link for his video
esp this part: s=8e8741dbee251d5c35a759718d4b0976fbf38b6f&profile_id=119&oauth2token
It might be that he is paying for Vimeo and not using the free part. If you check the plans you'll see Vimeo Plus has Customized Video Players. That could then be what he is doing.
both the sites you guys showed me are in effect, what I would like to do. But how can I do so, in a simpler way I can recreate wo using tokens?
since Im not familiar w creating tokens just yet
i see
I know you said the other day you can't use Youtube but it might be one of the few ways left to create a fullpage background without having to pay for services or hosting fees
@GitHub-Henry That doesn't work with Vimeo. They use their own player
And that code works if you host the video on a hosting platform and pay for it. It seems she wants to host it online without paying.
I might be wrong but she can clarify. I think youtube might be the best "free" option available that works every time
First time using this. But I do not know how to do "Line up Form Elements Responsively with Bootstrap"
@CalliaBast Which part are you having a problem with? The row or the two
col sizes?
May I know the alternative solution for "Use hardware acceleration when available" in chrome due to that videos are stocks after few seconds.
@kbaig hi
Hey guys!
Someone could give an honest opinion on my personal portfolio project? (2nd challenge on freecodecamp)
https://codepen.io/sarkioja/full/NwvNpR
Thanks in advance
ty @GitHub-Henry , that is what I want to do. My problem right now is correctly linking a mp4 link from a host server. I’ve been having problems w github and the other image upload sites don’t seem to have the right format (i.e.: mp4, webm, ogg)
Also, could someone explain me why the 'container-fluid' (Bootstrap property) renders properly on the notebook and on the phone, but not properly on ipad?
or did u just use devtools
@kbaig I tested on Chrome, in a 14' notebook, a iPhone 5s and on a iPad.
Also on devtools, the same behaviour
Also on devtools, the same behaviour
Because that's happening as a result of your first project description being too long
I think...
Just kidding, not sure why that's happening. idk bootstrap lol
Hmm I think that is it, because if you inspect the first project at <~990px width, its margin is below where you would want it to be
@kbaig Could be.. I think that must be a problem with padding on the grid. I will inspect again. Thanks for the heads up, anyway
sarkioja sends brownie points to @kbaig :sparkles: :thumbsup: :sparkles:
:cookie: 429 | @kbaig |http://www.freecodecamp.org/kbaig
can anyone help me understand why the blue-text class isn't overriding the pink-text class?
<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text {
color: pink;}
.blue-text {
color: blue;}</style>
<h1 class="pink-text" "blue-text">Hello World!</h1>
There's 2 class in the same h1 element
*classes
@sarkioja *
Thoughts, comments, issues, questions, critiques, and concerns?
CHALLENGE: Portfolio Project
Just the design pretty much, links are broken :P also not mobile optimized yet
I need some help got an interview soon and i'm using an old code I did a while back for my example. is anyone here willing to give it a shot?
https://codepen.io/Niloy513/pen/KyyLjN?editors=0010
https://codepen.io/Niloy513/pen/KyyLjN?editors=0010
on line 10 what does the .t notation on this.t do?
also anyway to make weatherUs, and weatherSi shorter? mainly the part with the $.getJSON? i'm trouble figuring those two out, it's been months since I finished this program, so I'm trying to get a good refresher
also anyway to make weatherUs, and weatherSi shorter? mainly the part with the $.getJSON? i'm trouble figuring those two out, it's been months since I finished this program, so I'm trying to get a good refresher
don't want them to ask a question I don't know.
this.t = !this.t this is just changing the value from falsy to truthy which causes the ternary to switch between the two choices.
@sjames1958gm got 2minutes to help me catch a mistake im doing on a kata?:D
@sjames1958gm
Oh yes correct, but why is the .t notation needed? that's the odd part i'm not getting
Oh yes correct, but why is the .t notation needed? that's the odd part i'm not getting
does it doubles the last input or doubles the ammount of persons like lsat time there was 2 shleodns do I double the 2 sheldons or do I double the existent 3 on the list?
It is odd, but it is just setting a property t - not sure why that was chosen
@tiagocorreiaalmeida Each time a person gets a soda, two of that person are added to the end of the list.
yah it's weird lol. if you change the property to some other property name to another it works fine, It just doesn't work without a property name.
after running the second time does it adds 4 persons of the same to the lsit?I got confused there or just 2 more once again?
@tiagocorreiaalmeida
S L P R H after one pass S S L L P P R R H H -> next pass S S S S L L L L P P P P R R R R H H H H
S L P R H after one pass S S L L P P R R H H -> next pass S S S S L L L L P P P P R R R R H H H H
@Niloy513 Because is uses the fact that the first time any random property is undefined the !undefined makes it truthy and then it is set
was doubling the thing everything
like 2 goes to 4, 4 goes to 8
:D
thanks @sjames1958gm
tiagocorreiaalmeida sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8696 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
@Niloy513 Maybe the t stands for 'toggle' ? the value gets assigned to the button object.
var obj = {}
undefined
obj.t
undefined
obj.t = !obj.t
true
you mean the property is toggle? that's weird, didn't know you can do that with jquery, name a toggle function like that.
@sjames1958gm Thank you for trying, my interview is less than an hour from now, so I'll need to head out soonish.
niloy513 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8697 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
@krisb1220 looks real good - i like the landing area and the section below it, the projects area could maybe use a title or something - it might not be obvious to some that those are links to projects of yours - the bottom might be a little too monotone, maybe try a different shade on the outside, and i feel like that character image could be updated or something, feels a little too serious or something, make it more cartooney
thats me being as critical as i can be - looks good
hi guys i need help i worked on my website and i made form that some people can write user name and pass,email
how to get this elements to my mail ?
javascript
Does anyone have any idea how to reduce the effective edge of my buttons? https://codepen.io/rscales02/pen/VMrMBb
the color buttons stick out into the container past their rounded borders
The center div also pokes into the effective area of the colored buttons...
@moT01 sorry just saw your feedback, thank you! Wanna see the final product I have(w/o your suggestions)? Could use some more suggestions on that ;)
krisb1220 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 909 | @mot01 |http://www.freecodecamp.org/mot01
same concerns on the stuff that didnt change
center the form at the bottom
like this...
name: [ ]
business: [ ]
so the colons are in the center
or maybe a hair left of center - i think something like that would look good
i would give your links to codepen and github and fcc down there a little something to let the user know they're links
maybe a color - or a hover effect
something a little more distinctive
looks great though - those are minor details that might improve it a little bit
oh - and the smooth scroll
i used the smooth scroll https://s.codepen.io/moT01/pen/vgOaoJ?editors=1010 - copy the code if you want