get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
@artoodeeto Why one line? you can have a series of html += lines
@SourceHorse When you update the quote - update the href in the twitter a tag.
@artoodeeto If you use template strings then you can have multiple lines in js
HOW DO I REMOVE THIS CHAT ROOM??
CAN SOMEBODY TELL ME HOW LOL!
<b>Necesita Ayuda</b> lol
@remisky on the left column, click the three dots next to the name, then click leave
@artoodeeto Check out template literals, they are perfect for what you are trying to do: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
$('.card-deck').html(
`<div class='card'>
<img class='card-img-top' src="${json.logo}">
<div class='card-block'>
<h4 class='card-title'>${json.display_name}</h4>
<p class='card-text'>${json.status}</p>
</div>
<div class='card-footer'>
<small class='text-muted'>Last updated 3 mins ago</small>
</div>
</div>`
);
@remisky
/leave command
why do dropdown menus suck so much?
@remisky al costado del numero de mensajes, apreta los 3 puntitos y pone "Leave"
https://codepen.io/rtyer/pen/dzodbM c any idea why the collaspible stuff not working guys?
@diomed ahahahaha.... :D :D
why not Sea cookie?
because syrup?
frosting > syrup
:yum:
not on pancakes lol
Hello.
:wave:
hey how to write a reducer for this
https://movie-app11.surge.sh
https://movie-app11.surge.sh
Hi how do I change the bg color of my nav bar when you hover on it? also, text align center doesnt work why is this?
https://codepen.io/phoenix-burn/pen/bRRaEO
https://codepen.io/phoenix-burn/pen/bRRaEO
@phoenix-burn
.navbar-header:hover {
background-color:white;
}
@thekholm80 Hi Kyle it doesnt work I want to change it to black when you scroll to the white page so that you can still see the list on the drop down
so white when the bg is black and it turns black when its on the white page is this possible with css?
that changes the background color when you hover over your navbar
oh, you don't want to change the navbar, you want to change the drop down menu?
guess i don't know what you want
@thekholm80 Sorry I wasnt clear - So right now when you hover on the nav bar the font turns white and that is great but when you scroll down, on the white page I want to turn the font color to black when you hover on the nav bar is it possible?
@phoenix-burn You should use javascript. When the pageX reaches the white area (use an event listener), change the color to black
@stanley-su ok I'll try JS thanks, but can you help me with the text-alignment? I want the header to float on the center doesnt work
phoenix-burn sends brownie points to @stanley-su :sparkles: :thumbsup: :sparkles:
:cookie: 88 | @stanley-su |http://www.freecodecamp.com/stanley-su
why does my twitter button try and tweet this:
@thekholm80 thanks for helping
phoenix-burn sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1376 | @thekholm80 |http://www.freecodecamp.com/thekholm80
function (a){return T(this,function(a){return void 0===a?r.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=a)})},null,a,arguments.length)}\
@ericmiller777 link your code
@phoenix-burn Change your .nav-bar css to this:
.nav-bar {
font-family: 'Oswald', sans-serif;
font-size: 120%;
display: flex;
justify-content: center;
}
@stanley-su ok but tryng to center my name and the front-end after it
It’d be better if you worded your question better.
Wrap the intro and intro2 divs into a single div. Like this:
<div class="wrapper"><div class="intro">JILL LEE</div>
<div class="intro2">Front-end developer & web designer</div>
</div></div>then add this to your css:
.wrapper {
display: flex;
justify-content: center;
}
@stanley-su sorry I wasnt clear thanks it works! :D
:warning: phoenix-burn already gave stanley-su points
phoenix-burn sends brownie points to @stanley-su :sparkles: :thumbsup: :sparkles:
github pages : https://ericmiller777.github.io/Quote_Machine_freeCodeCamp/
@ericmiller777 you want to use
https://twitter.com/intent/tweet?text= and the text of the quote you want to tweet
@ericmiller777 for more information https://dev.twitter.com/web/tweet-button
@heroiczero tested it seems to be the same
@ericmiller777 maybe forgot
() in var quote = $(".message").text(); and maybe just use quote
okay
@heroiczero lol now it returns [object Object]
weird
@ericmiller777 maybe you could retrieve the quote directly from the JSON and store it and link it to twitter
Well the thing is then it would pass a random quote
unless i figured out how to check the id >.>;
@heroiczero might have it
@heroiczero thanks
ericmiller777 sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1537 | @heroiczero |http://www.freecodecamp.com/heroiczero
i had a div with a class quote
seems you cant have a var and a class
@ericmiller777 hmm interesting
was good to learn also you () issue helped
your*
Im at work and I dont have access to photoshop and I was wondering if anyone can help me edit my bg image? I want to move it to the center with black background
or if anyone can suggest a free photoeditor online that works like photoshop :)
@phoenix-burn https://www.gimp.org/
@wonder2991 thanks
phoenix-burn sends brownie points to @wonder2991 :sparkles: :thumbsup: :sparkles:
:cookie: 413 | @wonder2991 |http://www.freecodecamp.com/wonder2991
np
hello everybody
@vittorioVT hello
@VicPopescu hi
18节的正确答案是什么呀
求助一下下
@ziyoudaboss try the chiniese channel https://gitter.im/FreeCodeCamp/chinese
Hello guys, anyone know why the output size of an icon is smaller than how it looks on the code page in codepen?
https://codepen.io/andreibratu/pen/jLPyLW look here at the facebook size
And then press full screen
@pwnsterrr To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.
<i class="fa fa-facebook fa-2x"></i>
going to fix the bottom bar, but how do you guys feel about this?
@ericmiller777 That horizontal scroll bar makes me feel sick!
@pwnsterrr try this: .fa {
font-size: 120px;
}
font-size: 120px;
}
@ericmiller777 some of your content's outside the view
@wonder2991 thanks alot , that worked
pwnsterrr sends brownie points to @wonder2991 :sparkles: :thumbsup: :sparkles:
:cookie: 414 | @wonder2991 |http://www.freecodecamp.com/wonder2991
np
das
Lf
@wonder2991 @D3adL0ck19 any tips to get it too work on more screens, looks fine for me....
@wonder2991 thanks
ericmiller777 sends brownie points to @wonder2991 :sparkles: :thumbsup: :sparkles:
:cookie: 415 | @wonder2991 |http://www.freecodecamp.com/wonder2991
np
Does anybody knows why my codeacademy icon hover effect isnt working ?
@andreibratu26 I can’t see the codeacademy icon, what arey ou talking about?
@ericmiller777 you can also connect Bootstrap and use its grid (for different screens)
@stanley-su
Oops i mean codecamp icon , the white one on the table
@stanley-su open the link in new tab then you will be able to see them
Desk w/e
@Adishjain58 Yes, I just didn’t know which icon he was referring to.
@stanley-su ok
@Adishjain58 do you know why on the link here my icons are upper than they should be?
@andreibratu26 what do you mean
@Adishjain58 on the codepen the icons sit right on the desk , but in the window link i sent here they are higher than the desk
@andreibratu26 make it more responsive
@SwampyPk yes, you can add <div class="container yourAnotherClass">
@Adishjain58 how to do that ? i just started
in the window link the screen size is that of a phone screen @andreibratu26
@Adishjain58 ohh , i didnt learned yet in the HTML/CSS course how to make it fit on other platforms
I guess ill learn that in later courses
@andreibratu26 you can use the grid system of bootstrap to make it responsive according to devices
@Adishjain58 yea..i didnt learned that lesson yet
@andreibratu26 but those things came before portfolio project
@Adishjain58 hmm really ? i must've missed it , ill check it right now
@andreibratu26 ok
@Adishjain58 but before that do you know why the hover effect isnt working on the codecamp icon?
@andreibratu26 no idea
@andreibratu26 did u make this page by googling many things
@Adishjain58 i googled some things , but mainly used the basics i learned in the course
Why?
@andreibratu26 nice
@andreibratu26 nothing
Is it wrong looking on google ? Is it cheating?
@andreibratu26 no
Ok :D
I just started this course 2 weeks ago , i love it so far
Btw thanks for helping :)
@andreibratu26 welcome
@andreibratu26 for debugging i would add this to css:
i:hover{
color: red;
}
Somehow the third icon is messing up the hover on the codecamp icon
The third icon position is affecting it
Guys , when i move one icon the others move too , how to stop that?
Howdy folks. I’ve been working on my portfolio page, which is looking deliciously tacky :smile: . Anyway, I set a background image (a png of a coffee cup) for the body that tiles. I’ve set the size to 57x50px (the original image being 816x720). The image looks fine in Firefox on my desktop, but it looks a little blurry in chrome and pixelated in IE. It looks even worse in mobile browsers.
I tried resizing in Photoshop to exactly 57x50px and then re-uploading, but it still does the same. I also tried converting to jpg, but no luck. Can anyone please explain what is happening and how to fix?
whats problem on hover?
Look , hover on codecamp and github isnt working
@levani452000 can u be more specific?
@diomed hey, do you know why hover on my github and codecamp icons isnt working?
@andreibratu26 why do u have all these h tags on icons???
h1 h2 h3
@diomed good quesiton , thats what i saw at someone on youtube teaching
@diomed should i delete them?
or should i make a ul with them?
Hey could someone check this JS for me pls? I there anything wrong with it? https://pastebin.com/9mhc0E3j
@andreibratu26 that should be used only for written words not for icons
@diomed what else to use instead?
nothing. u don't need h around icons at all
@diomed and that will solve the issue with hover not working properly?
for me it's hard to say
@diomed let me try
@cakeisaliegaming try this: body {
background-image: url("...");
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
background-image: url("...");
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
@vittorioVT but I want the cup to repeat and want it to be small
@cakeisaliegaming separately should write styles for image of cup
@vittorioVT I don't really understand what you mean? The cup is the background for the body.
@cakeisaliegaming your cup is part of your image - you can make it small, but then your picture will also become small. Make your cup a separate image and do with it whatever you want
@vittorioVT I still don't get what you mean? The cup is already small, scaled down to 57x50px to be exact. I have no problem with any of the other images, it's only the cup that I'm talking about. All the other images are in their own containers and style seperately.
@vittorioVT btw I'm not taking about the cup image used in the portfolio section
Why cant i move a icon up ? I can only move it right left and down
@cakeisaliegaming what are u talking about at all?
@cakeisaliegaming ok, I think I just didn't understand you
@diomed hi
@vittorioVT :) Sorry it is a bit confusing as there are two images of coffee cups. There's the take away coffee cup used as a placeholder image in my portfolio section. And then there's the steaming ceramic cup of coffee that's tiled and sits behind everything else. The latter is the issue.
hi @vittorioVT :cat2:
@cakeisaliegaming we don't see that one at all
is it maybe hosted on imgur
@diomed It's hosted on flickr. Weird though, because I can see it in every browser I tried.
why borders is not added?
how to add in navigation bar borders
@cakeisaliegaming I see only x instead of image
so u didn't link it good
@diomed @vittorioVT Ah, I linked to the wrong codepen!!!
for god's :sake:
Yeah, I'm such a fool!
@levani452000 as for any element, give it a class and in css .el {border: ...; } maybe border-top or border-bottom
@cakeisaliegaming what is exactly the problem with background image
it looks good to me
@diomed Try looking at in IE or the mobile version of Chrome
@diomed It goes all pixelated
hi i need help with col-sm-4 please. I want to add a margin on the side. When I resize the browser the 2 paragraphs doesnt have a margin
https://codepen.io/phoenix-burn/pen/bRRaEO
https://codepen.io/phoenix-burn/pen/bRRaEO
Guys help , i got a div with bunch of icons inside it
The problem is that when i move one , the others move too , how to stop that?
@phoenix-burn there should be only 1 row, lady
@phoenix-burn your portfolio is super!
phoenix-burn sends brownie points to @diomed :sparkles: :thumbsup: :sparkles:
:star2: 5192 | @diomed |http://www.freecodecamp.com/diomed
@vittorioVT thanks :)
no cookies 4 u Victor
camperbot is :zzz:
@diomed :worried:
@diomed sorry but i dont understand the grid view says rows for every column? what am i doing wrong here? when the i remove the row it messes it up.
@vittorioVT lets try again thanks haha
phoenix-burn sends brownie points to @vittoriovt :sparkles: :thumbsup: :sparkles:
:cookie: 803 | @vittoriovt |http://www.freecodecamp.com/vittoriovt
@phoenix-burn thanks and you
vittoriovt sends brownie points to @phoenix-burn :sparkles: :thumbsup: :sparkles:
:cookie: 157 | @phoenix-burn |http://www.freecodecamp.com/phoenix-burn
@phoenix-burn there is only 1 row:
<div class="row">
<div class="col-sm-4">....</div>
<div class="col-sm-4">....</div>
<div class="col-sm-4">....</div>
</div>
and those 3 are in it
@diomed thanks! It worked! :)
phoenix-burn sends brownie points to @diomed :sparkles: :thumbsup: :sparkles:
:warning: phoenix-burn already gave diomed points
great
please say how to add borders on navigation bar it is not adding
@levani452000
.navbar-default {
border: 5px solid black;
}
Help please
When i move a icon others move at same time . How do i stop that ?
no iwant to add borders to list
and not to whole bar
what list?
list items
in ul
.nav li {
border:1px solid black;
}
thank you
np
Function repeatIt (str,n) { return typeof "" ? str.repeat(n) : "Not a string";}
I'm passing 43 out of 44 test. Any idea why I'm not passing the last one?
@borgatajunky Well tell us what the last one is
It's saying str.repeat is not a function at repeatIt
Directions are repeat the string n times and if anything other than a string is passed in you should return "Not a string"
@borgatajunky how does
typeof "" works? (in your case, obvious)
hello im mr meeseeks look at me!!!!!!!!!!!!!!!!!!!
can anyone help me transfer this code to local files from my pen
i wnat the page to look like the way it is on the pen
@akodia488 https://www.youtube.com/watch?v=Zuu3BTpUwU4
PLEASE ANYONE
Returns a string? Guessing that's no good
Lol
@AdiSkywalker THAK YOU sKYWALKER
@akodia488 :laughing:
@borgatajunky You’re checking the wrong thing.
typeof “” always returns “string”. you need to check the type of the argument
Ideas?
@borgatajunky so you check typeof random string, and if that is
true, you repeat provided string n times?
i don't get it..
I just substituted typeof for String and still getting one fail out of 44
@borgatajunky did you read my message?
typeof “” always returns “string”. you should check if the argument passed in is a string.
Repeat a given string n times unless it's not a string in which case u return "Not a string"
any one know any progrm
@borgatajunky like @stanley-su said :D
programming softwares we can use in a team and make progermaming easier with a lan network
Sorry didn't see your comment
like we connect with a LAN cable and both launch the softwares then we program together
@akodia488 idk about a lan but if you’re interested in an online one, c9.io is pretty good, however even though it’s free you will have to provide your credit card.
@borgatajunky
(typeof str === "string") // that will be true or false
any free programs you know.... nopt online but local
@akodia488 local, well I don't think that exists
@akodia488 you can build one tho
@akodia488 use Electron, make an app to allow you that
I'm gonna make that App :laughing:
I'll name it pengu
@AdiSkywalker I think it's easy, with electron you can use javascript and html, css. and you just sync both app instances
don't steal my signature :D
Hello again people.
Hello
@VicPopescu okay.. will name it peingui
@VicPopescu you mean you can do that?
gui also stands for graphical user interface
build it, thatd be amazing
@AdiSkywalker :worried:
@VicPopescu Do you work professionally as a software developer?
@akodia488 If you're asking questions like how to take code off codepen to the local, you're probably not ready to start building it yet :laughing:
JK
@akodia488 yea, I can do that. Good idea for another free soft project.
@Pethaf yea, I do
@VicPopescu Wanna collaborate?
@VicPopescu i know python and kotlin maybe i can help
@AdiSkywalker well, why not. but first need to think how I can do it
@AdiSkywalker i have an issue with connection hte libraries i had used...
after taking code to local?
@akodia488
@VicPopescu I just did another scan through of the wanted ads.
Sometimes I get really depressed.
I couldn't find a single ad asking for less than 4 years of experience.
@VicPopescu I looked at your CodePen profile, I really like your weather app.
@Pethaf you don't have to, and even if they ask 10 years, you just send your resume
@AdiSkywalker i have the website up and running but i have failed to make the javascript library of particle.js work well on my local computer
i cant seem to find the problem
@stanley-su thx
vicpopescu sends brownie points to @stanley-su :sparkles: :thumbsup: :sparkles:
:cookie: 91 | @stanley-su |http://www.freecodecamp.com/stanley-su
then i also want to download a few glyphicons but dont know how to
@akodia488 it's a pain with local resources, most of them doesn't have proper instructions for local install, i know...
@akodia488 Get those library urls from some cdn?
i intend to use them in my github pages but github pages doesnt allow cdn,..it only uses files ffrom the master repository
so....
@AdiSkywalker
@akodia488 Right. Then use something like webpack to bundle all your dependencies and ship them to your github repo
You can take look at my repo
what is this web pack you speak of skywalkr
I have done something similar
@akodia488 https://webpack.js.org/
let me check it out
Function repeatIt (str,n) { return typeof str === "string" ? str.repeat(n) : "Not a string";}
// worked!! Thanks guys I know I'm noobin hard :(
Thanks again
@borgatajunky gj
how to make icon white after li hover
not only background color
@akodia488 existence is pain
someone hel?
help
@diomed wtf does that mean bro?
@akodia488 isn't that your moto?
@diomed mmmmmmm who told you? only our creator ricky know this? i dont like the sound of this? arrggghhhh
@levani452000
.nav li a i:hover {
color: white;
}
@wonder2991 u seem pretty good at this . maybe u should make me a navbar :)
i'm just bored at work. @diomed
where are ufrom? which country?
india. 30min till i get off
@wonder2991 it works on on icons and how can i do it same with other buttons?
Good evening everybody, does any one have idea why my buttom doesnt work?!
https://codepen.io/MarkusAzer/pen/xrmQwP?editors=1010
https://codepen.io/MarkusAzer/pen/xrmQwP?editors=1010
@levani452000 which button?
get quote
@wonder2991 get quote, i created api and it should be changing once i click the button
@MarkusAzer fix the errors in your console
oh thank @wonder2991 , i didnt know that i can see console on codepin
markusazer sends brownie points to @wonder2991 :sparkles: :thumbsup: :sparkles:
:cookie: 418 | @wonder2991 |http://www.freecodecamp.com/wonder2991
@wonder2991 can you give me a hint?!
this one bro : XMLHttpRequest cannot load https://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://s.codepen.io' is therefore not allowed access.
this is the way to post a code?
oh thanks bro @eweiss17 , i were just missing capital T for dataType,, lol
markusazer sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 567 | @eweiss17 |http://www.freecodecamp.com/eweiss17
Hi!
Is there someone who could help me? It is a beginner issue. I am doing the first project o th FCC course
what is the problem?
I want to put the title and the principal image centered.
I copied the way of the example but it does not work
i need a visual, u got a pen? link it
@Zhisione Do you have codepen?
yes
It looks diferent here than in my browser. I think I have more issues to fix than I thought hahahaha
what do u want it to look like again?
I want the image centered
I already saw some mistakes in the code and I fix it. Now the text of the title and the caption are centered but not the image
i just added text-center to your <div class="thumbnail"
<div class="thumbnail text-center">
line 7
hahaha
ok
it works
u can remove text-center from your caption
yes
Other issue I have is about "resize"
the resize does not work
resize?
Yes. When you make the browser smaller or bigger
The size of the image have to resize itself
And the text have to do the same
to be inside the screen
<img class="img-fluid">
this is for the text
ok
But when I write <img class="img-fluid"> it affects to the text too.
didn't for me...
Even if they are in different div
<div class="thumbnail text-center">
<img src="http://www.symmetrymagazine.org/sites/default/files/styles/slide/public/images/standard/Feynman_family1.jpeg?itok=DoFprRXJ" class="img-fluid">
<div class="caption"><em>Richard P. Feynman with his family and his van.</em></div>
</div>
thanks for the link
attempt to do one of your projects without bootstrap.... you will see how useful it is
I know it is useful!
the examples of the course saw me this point. But I have to achieve more experience because I am really lost I think. There is a lot of things I do not really understand
can anyone help me how to replace special characters with ""
For example this one. Why the <img class="img-fluid"> affects to the text hahaha. And why the example they give (https://codepen.io/freeCodeCamp/pen/NNvBQW) do not have this piece of code but it resize the image
good day
any idea why facebook share open and close right away
https://codepen.io/MarkusAzer/pen/xrmQwP?editors=1011
any idea why facebook share open and close right away
https://codepen.io/MarkusAzer/pen/xrmQwP?editors=1011
@Adishjain58 regex i'd have to assume
@eweiss17 in javascript
use this regex @Adishjain58 "[^0-9A-Za-z]+"
i will select everything which is not letter or number
uh oh, mdn updated their site
scary
you probably are already here, but this is what you could use
@MarkusAzer its not working
this is the challenge
and this is my code
function palindrome(str) {
// Good luck!
var str1=str.toLowerCase();
var str2=str1.replace(/\s+/gi,"");
var str3=str2.replace(/[^0-9a-z]+/gi,"");
var array=str3.split("");
array.reverse();
var array1=array.reduce(function(previousVal,currentVal){
return previousVal+currentVal;
});
if(str==array1){
return true;
}
else{
return false;
}
}
Please how do I Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link.
@Paulsamuel1 <a href="#"></a>
Thanks, let me give it a try now.
@Paulsamuel1 ok
was helpful
@Adishjain58 sorry but im trying to find sulotion, but still im not really that big coder
@MarkusAzer don't worry about that
hello world,...id like to access the dark web
any ideas
tor seems to be a poor way to
Just use tor
@MarkusAzer and also my if statement is not working fine
my array1 variable returns string after removing spaces and converting them into lower case
Please am new on html coding can anyone be my mentor? please
i dont understand why it is returning false for "race car" @MarkusAzer
@Paulsamuel1 no need for mentor.Just go through the challenges and if you aren't able to solve anything ask here
ok
look what I have got here "
Nest the existing img element within an a element.
Your a element should be a dead link with a href attribute set to #.
Make sure each of your a elements has a closing tag. "
Nest the existing img element within an a element.
Your a element should be a dead link with a href attribute set to #.
Make sure each of your a elements has a closing tag. "
@Adishjain58 you dont need the first replace statement
@Paulsamuel1 first read the instructions and see the example
ok
@sonimadhuri but the second statement is not working
@Adishjain58 it is not needed and you have to do modifications in the later part of your code
@sonimadhuri i thing there is something wrong with my compairing statement
@Adishjain58 also the array1 thing is not needed
@sonimadhuri why
morning fCC
great @Adishjain58
@Adishjain58 the procedure is u have to replace the characters .then split the string ,reverse the array and join the array .the if condition should check if the string that you got after replacing the special characters is same as the reversed string
@sonimadhuri yes
@Adishjain58 now tell me why did the array1 thing came into picture
@sonimadhuri because if i don't use array1 coding it is returning an array and i wanted it to be a string
@Adishjain58 you can use .join('') to convert array to string
@sonimadhuri you mean to use var array1=array.join("");
@sonimadhuri but there is also not any problem in using var array1=array.reduce(function(previousVal,currentVal){
return previousVal+currentVal;
});
return previousVal+currentVal;
});
because it is also converting array to string
@Adishjain58 oh yes u could use it but js allows u to do it easily with join function
@sonimadhuri yeah
@Adishjain58 that may be true...you could also use a for lopp, loop across the array, concatenate each item into a string.. but why? when you can do join("") in a couple of characters?
@Adishjain58 paste your modified code
function palindrome(str) {
// Good luck!
var str1=str.toLowerCase();
var str2=str1.replace(/[^0-9a-z]+/gi,"");
var array=str2.split("");
array.reverse();
var array1=array.join("");
if(str==array1){
return true;
}
else{
return false;
}
}
palindrome("race# ,&car");
@sonimadhuri its done
@Adishjain58 yer always going to have issues if you campare array1 to str
str is the version of it without the removal of all the spaces etc..
i replaced str with str2 in if statement
@DarrenfJ yeah i noticed that
@Adishjain58 :+1:
@Adishjain58 not that you have to but you can also use split reverse and join in all in one line
@DarrenfJ ok
don't forget to pass along brownies to those who helped.... ;)
thanks @sonimadhuri
darrenfj sends brownie points to @sonimadhuri :sparkles: :thumbsup: :sparkles:
:cookie: 337 | @sonimadhuri |http://www.freecodecamp.com/sonimadhuri
thnx @DarrenfJ @sonimadhuri
adishjain58 sends brownie points to @darrenfj and @sonimadhuri :sparkles: :thumbsup: :sparkles:
:cookie: 338 | @sonimadhuri |http://www.freecodecamp.com/sonimadhuri
:star2: 1934 | @darrenfj |http://www.freecodecamp.com/darrenfj
and thanks @Adishjain58 for helping out
@Paulsamuel1
thanks @Adishjain58
darrenfj sends brownie points to @adishjain58 :sparkles: :thumbsup: :sparkles:
:cookie: 241 | @adishjain58 |http://www.freecodecamp.com/adishjain58
i believe a simple syntax error but i need a couple of eyes to view, my mistakes
ok guys off to do some morning junk.. :coffee: :pineapple: :dog: :walking: that kind of thing...code on.. later
nice
Someone in?
im done with javascriot on cedecamp can someone send me good videos to check to bring it to the enxt level ?
Hi guys How do i get ride of the white space on my right ??
Try using container-fluid class
Instead of container
can someone help me with this. I'm going for a myspace look on the tribute page and the friends list wont allow me to center the images or make the border around it smaller. Also I'm struggling trying to make sure the images are 3x3 when scaled down. Any help is welcome! https://codepen.io/gvoncheap/pen/OjVObG?editors=1100
By the way.... I noticed you're writing JavaScript in HTML file..(button onclick) ... Try to avoid this pattern, developers in general recommends you have JavaScript only inside js files.. it s easy to mantain
@dragonmaiden ⬆
also the svg animations are running into the other elements. :worried:
okay thanks @rossijonas
dragonmaiden sends brownie points to @rossijonas :sparkles: :thumbsup: :sparkles:
:cookie: 291 | @rossijonas |http://www.freecodecamp.com/rossijonas
i am still trying to figure out the white space on the right
its weird..
previously was doing fine
how do i make my <tr> editable without losing the javascripting??. tht may be a dumb question i guess...
hello in-bread cat
What do you mean losing the javascripting?
@eweiss17 YES AHAHA U GOT THE JOKE2...
@eweiss17 um well still new to this but i mean. like if i change a part of my code to make my table elements editable, would i have to add or edit some scripting to make it all work??
uhhh... like you have text fields within your table?
so far this didnt work. <tr class="editable-table">...? it didnt work lol
i seen this editable table class so ive been trying to get it to work on like a contact form.
from bootstrap?
@moddedlife you might have to use an attribute selector like tr[attribute^=value]
just a shot in the dark though, haven't started JS yet.
@dragonmaiden try this
body
{
overflow-x:hidden;
}
...lol im lost but im sure that means ill be heading back and ill be doing some reading for a little more.
imlooking for something in between codecamp and codewars who can help me ? with videos ebooks links etc
@moddedlife you can try reading here https://www.w3schools.com/css/css_attribute_selectors.asp w3schools is saving my butt
help me
has been set
You need to config git. The examples are pretty clear. Just give your git your name and email
@moddedlife Are you currently doing javascript section?
@AvestaSaba
for email: git-config --global(you may want to change it to other options read git docs for more info) user.email "icefiresages@gmail.com (your email address I'm just guessing)"
@IceFireSages Yes, exactly like what you did
@AvestaSaba
why is that
not sure but type:git config user.name
git config user.email to make sure that email and name are set up
what make
sure
@IceFireSages From the look of it, your github username is
IceFireSages and you've entered user.name as icefiresaages
with an extra a in spelling of
sages
as
saages
fix that and you should be good
I want to cry
one of yc @wzm that is my compute name . Related to this?
type: git config user.email
it shows the value of user.email
type: git config user.email what mean
is instruction ?
it shows the value of user.email
@IceFireSages put a space between name and "
that is actually probably it haha
git config --global user.name "Spaghetti Sauce"
"Spaghetti Code"
"Mom's Spaghetti"
thank you Git commit after into another popup window git commit -m "" properly after use @AvestaSaba
icefiresages sends brownie points to @avestasaba :sparkles: :thumbsup: :sparkles:
:cookie: 114 | @avestasaba |http://www.freecodecamp.com/avestasaba
remember git commt -m "messages are for losers" is the proper procedure
You can upload the without rhyme or reason @AvestaSaba
This is machine translation, could I look at you all understand @AvestaSaba
Sorry but I didn't understand what do you mean by You can upload the without rhyme or reason
chines is 莫名奇妙的好了
@AvestaSaba
Where are you from @AvestaSaba
thank you @rajp1847
sorry rajp1847, you can't send brownie points to yourself! :sparkles: :sparkles:
@thekholm80 finally making a touch of progress: https://codepen.io/dhcodes/pen/eRwjLw?editors=0110
yeesh
Should this be ok for the tribute page task? https://codepen.io/liamdocherty1/pen/GvpJrE
@dhcodes hey that's pretty cool!
@ldocherty1 yeah. bonus points if you make it responsive
shrink the width of the screen and you'll see that the image stays the same size
also, you can add bootstrap in the Settings menu, under the Javascript tab to add more features
you only have it on CSS
@thekholm80 sure.... :eyes:
@dhcodes i need to keep nagging you to get your data viz done
@dhcodes I added the bootstrap in the external CSS? In addition, for the image I added "img-fluid" but the pic isnt responsive. How can I make it responsive?
this is my last project other than I need to update my flag one because they flags aren't centered correctly
@ldocherty1 i think the class is
img-responsive
not fluid
and the whole thing needs to be in a div with a class of
container-fluid
@thekholm80 do you think it's better to have top-level functions that do small things (like return a negative number) or just add those as subfunctions of a larger function?
things i wonder
@dhcodes Didn't it change in bootstrap v4?
@ldocherty1 maybe it did
you are right
@dhcodes I subscribe to the theory that functions should do exactly one thing. I end up with a lot of tiny functions, but i can reuse some of them
@ldocherty1 you need to add the class to your img though, not the div around it
@ldocherty1 another fun rabbit hole is getting your bullets to stay by your text even when it's centered
@thekholm80 sounds fair
guess i'll refactor
you should do what makes sense for you
all my time with react has me always thinking about reusability
have you built anything new with react? @thekholm80
i'm still not sure I love react
but want to get really comfortable with it before I checkout vue
@dhcodes
<img src="https://www.pambazuka.org/sites/default/files/field/image/bill-gates.jpg" class "img-fluid" alt="Bill Gates Pic1"> like that?
oh i missed the "="
@ldocherty1 should work, does the image get smaller when you shrink the window?
Yep it works:)
cool
that's the main thing i noticed
that and the bullets
@dhcodes How can I get my bullet points to stay by my text even when it's centered? Is their a specific name for this so I can research it?
@dhcodes pretty much everything i build now is is react. I've done a few full MERN stack apps, but now i'm shoving React into Electron to make some desktop apps. it's been really fun
@ldocherty1 I just googled those terms, but this is the page you want
dang @thekholm80 you're a pro eh?
haha i wish
complete the fcc curriculum then?
just an eager beginner lol
I have 4 projects left
@thekholm80 have you tried vue?
got kind of sidetracked when i discovered electron
@dhcodes I've not tried vue yet. I think i'll probably learn angular first
my issue with react is it feels like adding a lot of overhead (especially with redux, which I don't fully comprehend yet)
learning redux was a pain for me, but now i can't live without it
@thekholm80 Can I have your opinion please on my project? Will I pass? https://codepen.io/liamdocherty1/pen/GvpJrE
@ldocherty1 for the tribute page you need an image and a link to another site. looks like you have both of those requirements
@dhcodes i dislike all the configuration and setup required for React, but the actual build process makes sense to me
@thekholm80 do you use redux?
@dhcodes I do, in most everything i make now
you should contribute to fcc
I don't think i'm good enough for that lol
if I can contribute, you most definitely can
I'd have to learn regexp
just for some things.
regex is quite fun actually
it's like a whole different language
you can do this in like an hour
then use https://regexr.com/ to debug
or many like this: https://regex101.com/
oh cool thanks @dhcodes
thekholm80 sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star2: 1806 | @dhcodes |http://www.freecodecamp.com/dhcodes
Guys , help me please
anywho, going back to work on my project but you should do it
I have a hr below Home office title
But it doesnt show
How to solve it?
it's there, it's just in your navbar
probably due to
position: relative;
why not just underline homeoffice?
instead of hr?
gotta jet
@dhcodes that's a great idea , didn't thought about that , thanks alot :)
andreibratu26 sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star2: 1807 | @dhcodes |http://www.freecodecamp.com/dhcodes
:+1:
what is wrong with the below code when running game.choice('5'):
var game = {
board:' 1|2|3\n 4|5|6\n 7|8|9',
playerchoice: function() {
console.log(this.board);
},
choice: function(n) {
board.replace(n, 'X');
},
playGame: function() {
console.log('this is a new a game of Tic-tac_Toe');
console.log('Player 1 is X, Please select a number');
},
}
I get "board is not defined" as output
@uniOpifex strings are immutable:
choice: function(n) {
game.board=game.board.replace(n, "X");
@dhcodes You still around wondering if you can help me with something relating to my portfolio project? I was wondering how I can put the arrows at the bottom of each section but without using
position:relative; as it effects my content above. Someone recommend me using flexbox but couldn't work it out. https://jsfiddle.net/60zbvne7/2/
bottom centre the arrows*
https://jsfiddle.net/60zbvne7/2/#&togetherjs=y4B3vfArLT use this link if your happy to help, I appreciate any assistance it.
I created a div with a CSS background-image but it doesnt show up
Why isnt it displaying?
you assigned the image to <ul class="nav">
is that what you wanted?
Noo , that one is working fine , down below the navbar i create a div with class home
Actually @eweiss17 my question is look
My page looks like this , its fine
But here i used a img src below that div
As a image
Than i moved the text inside the photo
I dont know if this is the best way to do it
I thought it would been better if i made it a background-image
wait what? You rang?
about @EgnaroDev
:cookie: 521 | @egnarodev |http://www.freecodecamp.com/egnarodev
:trollface:
lol
thought your name was Mcdigitzero or something @EgnaroDev
@eweiss17 I am
Changed my name, Didn't like
McTwoDigitZero
i liked it
Egnaro => Orange
pmurTDev
lmao
PmurtDev
@diomed thanks, that library looks fun
thekholm80 sends brownie points to @diomed :sparkles: :thumbsup: :sparkles:
:star2: 5193 | @diomed |http://www.freecodecamp.com/diomed
indeed. I put it in casual , not to bother good folks here
how can i leave space between the 2 photos?
any c expert?
i need help
we learn js here, not C
@diomed teach me js
this is webdev, not programming
This message was deleted
@thekholm80 u so silly
@diomed teach me webdev
lol
@diomed x
i know but i just wanted help ;-;
my :cat: babies
hey guys, heres my page https://ericmiller777.github.io/Quote_Machine_freeCodeCamp/
should i try and get it more responcive
or just turn it in....
why is your quote window so wiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiide
I think its because
im on a 1440p screen
margin-right seems to have no effect
why not just center it and make width smaller or font-size
well, here's a perfect quote 4 u: Everybody’s a web designer until, you know, they actually try to do it.
Everybody’s a web designer until, you know, they actually try to do it.
diomed
diomed
actually — Gabe Boning said that
Hm...
try this
hows it look?
worse, somehow
coz there is no improvement
huh?
still wide on your screen?
very
Probably so wide on average screen sizes
it's not centered
im working on the centering
hows that look?
@ericmiller777 Much better :)
@EgnaroDev can you see the tweet button?
barely
okay
um
I see bird icon and letters Tw
if the quote is too long
i set it to alert
Quote too long to tweet
is taht okay?
that
why not just shorten it?
@thekholm80 sure, but then it would get cut off?
yeah, that would be the case
@thekholm80 for project purpose which do you think is better?
better to tweet a little, than nothing at all?
@thekholm80 well its a quote, and i mean it will tweek less the 140 letter quotes....
I had something to do today but then I remembered that famous quote by Douglas Adams
— 'I love deadlines. I love the whooshing noise they make as they go by.'
— 'I love deadlines. I love the whooshing noise they make as they go by.'
@ericmiller777 i suppose you're right. the user story did say "I can tweet the quote if it's convenient or of appropriate length"
:smile:
@thekholm80 its really a 1 sec fix to take it away, i just thought it was better that way
in the end, you should do it however you think is best
and let user yell at you for doing so
they probably don't take away certificates for not fulfilling user stories. I'm not sure every project gets reviewed
@thekholm80 I started reading Fahrenheit 451
does it make you want to burn some books? @diomed
yeah. that1
kidding, just Kant
coz fire doesn't ask - is that Kant...
i never read any Kant, too heavy for me
yeah... if u think Kant's heavy you should try Hegel.
that bastard didn't care was it understandable to others
that bastard didn't care was it understandable to others
i read for fun, not for more reasons to doubt my intelligence
I have enough of those already
@thekholm80 I read how no1 wanted to publish it... common obstacle, right?
I've never heard that before
so guess who published it first
@diomed x
I bet my brother's girlfriend would like one of that right now
your niece / nephew giving them hell?
baby, what else is there to say
so
better?
that tweet button
any ideas on how to keep it properly?
Just use the font awesome icon instead of messing around with SVGs
function rot13(str) { // LBH QVQ VG!
var newStr = "";
var unicode = str.charCodeAt(i);
var underN = String.fromCharCode(str.charCodeAt(i)+13);
var overM = String.fromCharCode(str.charCodeAt(i)-13);
for (var i = 0; i < str.length; i++) {
if (unicode < 78) {return underN;} return overM;
}
return newStr;
}
// Change the inputs below to test
rot13("SERR YBIR?");
@ericmiller777 font awesome has a tweet icon that you could use in place of that, html icons are easy to work with
I am using the tweet icon?
I mean on your screen can you see the tweet button?
yes
but it's massive
@Burinson what's the probelm
really?
weird
@quin2 It only returns the first letter
In this case, it only returns F for S
is there a good free cross resolution site tester
cross resolution? Chrome dev tools lets you test responsive design if that's what you're aiming at
why isn't the stuff at the top placed in the loop?
All of it?
I don't know, lol
Safari has a cool feature buried in their dev tools which lets you preview your website across different apple devices
in Chrome dev tools - Ctrl + Shift + M
so you can see how it will look on an iPhone or iPad
develop -> enter responsive design mode
@quin2
function rot13(str) { // LBH QVQ VG!
var newStr = "";
for (var i = 0; i < str.length; i++) {
var unicode = str.charCodeAt(i);
var underN = String.fromCharCode(str.charCodeAt(i)+13);
var overM = String.fromCharCode(str.charCodeAt(i)-13);
if (unicode < 78) {return underN;} return overM;
}
return newStr;
}
// Change the inputs below to test
rot13("SERR YBIR?");
Like that?
yeah t looks like you're doing it char by char
which is a good strategy
Yeah, that'swhat I'm trying to accomplish
But I can't make it work
console.log prints out
free love but the return statement only returns f
And the space and question mark also get converte, I don't want that to happen
@Burinson where is your log statement that prints out free love? you need to append to newStr but instead you're returning after the first character
@cmccormack It (almost) returns free love :(
newStr +=
@cmccormack ignore that
accidentally sent it to you
too late
again
haha
Haha
It worked
@cmccormack thanks, now I need to make it ignore non alphabetic chars
burinson sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:star2: 1066 | @cmccormack |http://www.freecodecamp.com/cmccormack
@Burinson set lower and upper limits
with unicode values?
there's only a small range you really want to be checking, so in the case the character is not within that range, don't convert it. Do a check outside your conditionals
would an if statement work? For example
if (unicode is not between A and Z) {don't return anything}
@Burinson sure! but what you want instead is to append the non-alpha character to newStr and skip your current conditionals
an if/else would work fine for this
How do we direct contact information when someone clicks "Submit" in the contact form in our portfolio page?
@mbmontana that's a pretty tough one. I can't think of any way to do it without building a back end, which of course you cannot do on codepen
This is for the Portfolio page. Is the point of the Portfolio page just to create a contact form?
the point of the portfolio page is:
User Story: I can access all of the portfolio webpage's content just by scrolling.
User Story: I can click different buttons that will take me to the portfolio creator's different social media pages.
User Story: I can see thumbnail images of different projects the portfolio creator has built (if you haven't built any websites before, use placeholders.)
User Story: I navigate to different sections of the webpage by clicking buttons in the navigation.
@thekholm80 Good enough
@cmccormack
function rot13(str) { // LBH QVQ VG!
var newStr = "";
for (var i = 0; i < str.length; i++) {
var unicode = str.charCodeAt(i);
var underN = String.fromCharCode(str.charCodeAt(i)+13);
var overM = String.fromCharCode(str.charCodeAt(i)-13);
if (unicode < 65 || unicode > 90) {return String.fromCharCode(unicode);}
if (unicode < 78) {newStr += underN;}
else {newStr += overM;}
console.log(newStr);
}
return newStr;
}
// Change the inputs below to test
rot13("SERR YBIR");
Nvm, made it work :D
Hi guys I'm trying to change the default active styling of nav-pills buttons. I'm using the code below and it doesn't seem to work. Any idea why?
.nav-pills > .active > a, .nav-pills > .active > a:hover {
color: red;
}
@thekholm80 do you know something about encrypt?
also :wave:
@NahuelOvejero heya
i've used a library called bcryptjs that's pretty awesome
i'm headed out to dinner but we can discuss it when i get back if you want
@thekholm80 enjoy your meal!
I'm interesed in crypt but don't know where start
I've been looking about RSA
$.getJSON("https://fcc-weather-api.glitch.me/api/current?lat=35&lon=139", function (a) {
$(".weather").append(a.main.temp)
});
does that look kinda
what i should be doing?
I know i need to pass in the users coordinates
would that give the emperture tho?
temperture
@Burinson Heya had to run for a bit did you get it solved?
Repost: Hi guys I'm trying to change the default active styling of nav-pills buttons. I'm using the code below and it doesn't seem to work. Any idea why? (I'm using bootstrap 4 alpha 6)
.nav-pills > .active > a, .nav-pills > .active > a:hover {
color: red;
}
@chocobrownie is active a class that's a child of nav-pills?
do you mean to use the
>? this implies the leading element is a parent of the trailing element