get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
@HappyViki i've lost most of my hair, i don't feel that great
@thekholm80 I didn’t mean through balding
:) i know
@thekholm80 I don’t know if cutting my hair off was a good idea. I mean…I do find it funny when people think I’m a boy, but on the other hand, maybe they don’t, maybe now with all the political correctness they think that I’m a girl but don’t want to offend me…and that makes it less fun for me.
@HappyViki I have an acquaintance who often plays peter pan in plays, she loves the ambiguity
I love peter pan!
I want to wear clothes that look like peter pan's
i hear cosplay is a thing
That’s too mainstream
lol
I look like such a feminine boy though.
help plz
:ambulance: @rajp1847
@rajp1847 what is it
I want to style a textarea (300x300 px) such that the fontsize adjusts dynamically on keyup. It should scale the font such that the text fills the textarea as much as possible.
What is confusing is that when I scale the font, it gets narrower, but also the height decreases, so free area below the text becomes available. What kind of logic should I implement such that the textarea is filled as much as possible both with regard to width as well as height?
My shoulders and neck and jawline look so femine! I can’t believe some people actually think I’m a boy!
@HappyViki there's a lot of grey area now, especially in your state.
@thekholm80 grey? 50 sheds? or what?
I mean gender lines lol
@rajp1847 maybe with css with line-height, word-spacing, font-size properties
@thekholm80 yup the gayest state ever!
so how do i do it
@HappyViki I love california. I'd live there if i were rich
@thekholm80 are you in michigan?
Utah
...
@rajp1847 should find some ration with width height and the css properties, or maybe there is a simplier solution
@thekholm80 ooh my flight got canseled when I landed there once. Had to spend the night in Salt Lake City.
oh i'm sorry
SLC isn't too bad, but still
the hotel had a nice pool
the airline gave us a free night :)
that's very cool
@rajp1847 Use the CSS modifiers, such as character spacing, font-size, stuff like that. Use percentages or pixels or vh (height unit where 100 = max and 0 = min). using vh is my favorite.
I haven't gotten into jQuery much, but I suspect you can activate jQuery modifications to the style upon key press.
@MikeJSchorah Mike, what's up? You're wondering about web hosting - shoot. What's your situation?
This is so confusing!!! Why isn’t it putting the thingies in the right boxes?
https://codepen.io/HappyViki/pen/YxKMeV
https://codepen.io/HappyViki/pen/YxKMeV
@HappyViki it put my x's everywhere i clicked
playing as o's is kind of buggy though
@thekholm80 look at the log. It sometimes prints out the wrong numbers for the opp's moves.
strange
example @thekholm80
i really have no idea what any of that means, to be honest. your code is unlike anything i've seen before
wait…I shoulda screen shotted the tic tac toe grid…cuz that WAS wrong
It’s binary code man
i've never coded in binary
0b000000001 is the lower right corner.
0b100000000 is the upper left
Have you already completed this project using a different tactic?
i have
I want my tactic to work :(
i'm sure it's possible
I guess I could scrap it…it’s just that I’m so close to finishing!
don't give up!
I need to figure out what’s wrong with this part; I think this is the problem.
var oppsArr = moves.filter(function(item) {
return ((yourMoves & item) | (oppsMoves & item)) === 0b000000000;
});
index = Math.floor(Math.random() * oppsArr.length);
oppsMoves += oppsArr[index];
$("#" + index).text(opp);
Hi, guys. How can I make my quote generator overrite the previous quote instead of adding them up?
https://codepen.io/Burinson/pen/PKPvOK?editors=1010
https://codepen.io/Burinson/pen/PKPvOK?editors=1010
$(".message").text("quote")
or $(".message").html("quote")
@HappyViki Thank you, my brotha
burinson sends brownie points to @happyviki :sparkles: :thumbsup: :sparkles:
:cookie: 309 | @happyviki |http://www.freecodecamp.com/happyviki
@HappyViki see, you can pass as a boy
@Burinson Welcome mah mannn
@thekholm80 lol you caught that. Shhhhhhe don’t give it away.
@thekholm80 I think "Viki" is an Indian boy name.
i did not know that
Me either until someone said that. I’m too lazy to confirm though
@thekholm80 uggghhhh I thought that
moves[moves.indexOf(oppsArr[index])] would solve everything…but alas :(
hit it with a hammer
@thekholm80 I think I solved the problem :O but I’m not sure. I’m going to run some tests.
moves.indexOf(oppsArr[index]) seemed to do it.
i fixed it…i fixed it! woooaaahhhhhh https://codepen.io/HappyViki/pen/YxKMeV
now I just have to see how to make it restart. the restart function doesn’t seem to work at the moment.
i won
i am a tic tac toe genius
the computer is random. once I complete this challenge I’m going to add some more modes :P @thekholm80 like…you have 3 chances to write over your opponent’s O’s XD :P
awesome
Another question. How do I make a random quote trigger when the page is loaded?
https://codepen.io/Burinson/pen/PKPvOK?editors=1010
I'm probably just nitpicking my own project, lol
https://codepen.io/Burinson/pen/PKPvOK?editors=1010
I'm probably just nitpicking my own project, lol
@Burinson what do you mean trigger? trigger warning? :OOOO jk lol
Oh
I want it to already show a quote when it gets loaded, haha
Why re you still using
append? Just use your html tag that you already have.
@Burinson Put the function outside the
click caller thingy
I should get better at explaining things sorry :/
Anyway, you want to create the function with the json outside the
on click thing. Name the function whatever you want and then call it both in the onclick and outside.
@thekholm80 I just need to know how to reset and I can get my front end certificate. The question is why isn’t this function working? It looks like it should.
function reset() {
var yourMoves = 0b000000000;
var oppsMoves = 0b000000000;
$(".box").text("");
}
@HappyViki looks like you're calling the function successfully, so the problem must be what's inside the function
@thekholm80 the log says true though! (same as what’s supposed to let me put my thingies in)
function reset() {
var yourMoves = 0b000000000;
var oppsMoves = 0b000000000;
console.log("reset!",((yourMoves & moves[0]) | (oppsMoves & moves[0])) ===
0b000000000)
$(".box").text("");
}
what if you put all your initial setup into a function, and call that at the end of your game instead?
@thekholm80 it sees where I put my thingies, but I don’t see them. It resets when I win secretly.
that sounds kind of creepy
lol
my creepy tic tac toe. the tip tap toe XD
@HappyViki I did it, but now the button doesn't work
whats' the bug in this
https://codepen.io/shivamg11000/pen/prJaXo?editors=0010
https://codepen.io/shivamg11000/pen/prJaXo?editors=0010
@shivamg11000 Is there a reason you didn't just put your input field in the HTML?
You have to put a function in the HTML in order for the JS to run, don't you?
Like this:
<script type="text/javascript">
$(document).ready(function() {
//add whatever function here
});
</script>
in the
<head></head>, normally
@shivamg11000
<form
onSubmit={()=>store.dispatch({
//your code
<form
onSubmit={store.dispatch({that's what's stopping the app running
@JanShah Am I wrong about the script bit? I haven't gotten into JS much yet.
@timjavins you are right that that's needed, just not in this project
he's using react, it's a little different than what you're used to
ah, I see. Thanks @thekholm80
timjavins sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1386 | @thekholm80 |http://www.freecodecamp.com/thekholm80
@timjavins there are a number of ways to do it, it's not necessary to put it into html, or use the jquery type syntax
I really want to type into that input field
cholesterol
I sometimes use
window.onload=function() {
//start here
}
window.onload=function() {
//start here
}
nice
thanks, @JanShah
thanks, @JanShah
timjavins sends brownie points to @janshah :sparkles: :thumbsup: :sparkles:
:cookie: 480 | @janshah |http://www.freecodecamp.com/janshah
codepen includes all of that behind the scenes, so you can just put your code straight into the JS box
Ok, that makes sense.
That's one thing I wish wasn't true, for the benefit of learning.
@thekholm80 it doenst include all of that behind the scene, you are wrong.
@khanh2003 I'd be happy to look at any information you have showing that
I feel like we would learn more about the full stack by seeing all of that. But then it's also good to see an advanced system that accomplishes so much and be able to deduce how it functions behind the scenes.
type view-source
CodePen add
<script> tag right before </body> so you don't need window.onload.
i'm just going by what codepen says
If you need to wait for window load
You dont need to wait for window load 99% of the time.
Except when you have heavy images and your script depends on them.
you're right, but that's not what we were discussing. we were talking about document.ready, not window
ok then
@khanh2003 looks like they're used together by the link you've sent, not mutually exclusive
[BTW, window.onload is bad
Hello all. I can't seem to get my navigation bar to be horizontal. Any thoughts?
<nav class="navbar navbar-light navbar-default navbar-static-top"><div class="container"><a href="#" class="navbar-brand">Mike Batista</a><ul class="navbar-nav inline-block"><li class="nav-item active"><a href="#projectsheader">Projects</a></li><li class="nav-item active"><a href="#publishedheader">Published Work</li>
<li class="nav-item active"><a href="#contactheader">Contact</li></ul></div></nav>
give the link to your pen?
@thekholm80 https://codepen.io/mbmontana/pen/GvKEKR
@thekholm80 I realize the entire code is pretty messy. Been struggling to get this to look right.
@mbmontana i'd suggest:
- change your css link to bootstrap 3
- in the javascript settings add jquery
- below jquery add bootstrap.js 3
So Bootstrap 3 instead of Bootstrap 4?
unless you're using the bootstrap 4 docs as guidance
but a lot of the bootstrap classes you learned in FCC are not available in bootstrap 4
@thekholm80 ugh, i did what you said and it screwed up everything else in my portfolio page.
I'm probably making a mistake doing the navbar last. the rest of the portfolio page is done.
then i'd suggest finding the bootstrap 4 docs and looking up how to do the nav bar
The bootstrap 4 docs ... you mean in Github? I've Googled this about a dozen times before finally asking here.
i mean the official documentation for the library
https://github.com/twbs/bootstrap/tree/v4-dev/docs/4.0
^^^Official Docs
^^^Official Docs
@mbmontana
@thekholm80 duuude it doesn’t reset!!
did you try the hammer thing?
i have a good feeling about that
You don't seem happy, Viki.
@thekholm80 what does that mean?
get a hammer, then hit it
it'll make you feel better
@timjavins I will be when I’m done hammering
@thekholm80 I want it to workkkk
i really wish i could help you
@timjavins right now I’m frustrated viki
@thekholm80 but you don’t know what the heck I’m doing with binary numbers :(
right. it's all greek to me
you mean all geek?
wtf is wrong with that ^^^ it’s a number! it should act like one!
how will a variable declared now have a value assigned to it already to subtract from
I’m getting warmer
I FIXED THE FRICKEN THING!!!!
MY GAME WORKS
WOOOOOT
:tada:
good job, congrats on your cert
@JanShah yeah I got it
I had a prograsm :P
@HappyViki rofl
@thekholm80 and thanks for chatting with me while I figured everything out all by myself :)
happyviki sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1387 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Well done. :)
@timjavins now I’m VERY happy Viki :)
Sweet
The benefit of using 2^n was to sum the values of each square and end up with 8 different sums that qualify as winners, correct?
I haven't seen the assignment yet. Was that your own solution or does it somehow come from the material?
@thekholm80 I read the docs, still not working. Could this have anything to do with me doing the navbar last instead of first?
the order you write your code doesn't matter
all that matters is how you write it
evening fCC
@daddycardona yer welcome :D
@DarrenfJ :wave:
hey! @thekholm80 :wave:
@thekholm80 I made it all myself using binary numbers.
@HappyViki now you get to learn react
I was supposed to tag @timjavins because you already know that.
@thekholm80 what’s react?
@HappyViki that's the next thing. the first 1/2 of the data viz cert
what’s react?
it's the entrance to the rabbit hole
where mysteries like redux, saga, thunk and more await
@DarrenfJ :wave:
@Manish-Giri hey buddy!
:D
it's the entrance to the rabbit hole
well, i still like react
pretty sick of css though
@thekholm80 oh
@Manish-Giri rabbit hole? why do you say that?
Can anyone look at what I’ve done by looking at https://www.freecodecamp.org/happyviki/? My certificate doesn’t have my name on it. Am I supposed to print it out and write my full name on it myself?
@HappyViki i've never seen that happen before
https://www.freecodecamp.com/thekholm80/front-end-certification mine has my name
is there any way to flag yer cert with helptickets/bug thangs in GitHub or something?
@HappyViki because once you begin react, you'll need to learn more things too...
mine doesnt :/
absolutely terrifying
@DarrenfJ how goes it
the React ecosystem is huge, but you don't have to learn it all at once
react in codepen is mostly painless
@HappyViki It's blank because you haven't given yourself a name in your profile.
@Manish-Giri lol learn more things how scary
@HappyViki yah that sucks.. maybe email the powers that be and see if they can help
@timjavins I’m trying to find where I can do that.
Your name space is blank. It populates the certificate with your name from your profile.
@timjavins you're a genius
@timjavins thanks! have a cookie
thekholm80 sends brownie points to @timjavins :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @timjavins |http://www.freecodecamp.com/timjavins
@timjavins thanks genius
happyviki sends brownie points to @timjavins :sparkles: :thumbsup: :sparkles:
:cookie: 125 | @timjavins |http://www.freecodecamp.com/timjavins
Throwing out compliments for brownies, eh?
Because now I have to thank you for the compliment. ;)
wait…is 'genious' the britt way of spelling it? It seems more correct.
Thanks, @thekholm80 and @HappyViki
timjavins sends brownie points to @thekholm80 and @happyviki :sparkles: :thumbsup: :sparkles:
:cookie: 311 | @happyviki |http://www.freecodecamp.com/happyviki
:star2: 1388 | @thekholm80 |http://www.freecodecamp.com/thekholm80
YAY
Kyle's in here day in and day out helping people...
How do I tell them my name though???
They probably got it from your GitHub profile. Is that how you signed up, using your GitHub?
@thekholm80 did your pull yer name from your profile? Can you tell by what it grabbed what field it pulls from?
But I've noticed that some changes I make in my GitHub profile don't alter my freeCodeCamp profile.
Hopefully name change will change fCC
Try this:
:(
you got your name in your Github.. wonder what would happen if you hit update you profile on the settings page.. hmmmm
mhmmm
maybe it’s a 24 hour update thing
did you just add your name to GitHub?
or I could email them
I did
ah
You should email them, yes.
If you go to my github page NOW, you’ll see it.
there is the update my gitHub profile button in the settings
yah saw it there now
i just wouldn't want that to do anything weird like reset your progress.
schweet!
bingo
@DarrenfJ I think updating the github thing on the freecodecamp page helped thanks duuuuuude :)
happyviki sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1937 | @darrenfj |http://www.freecodecamp.com/darrenfj
You're welcome.
:)
that worked?
@DarrenfJ I think updating the github thing on the freecodecamp page helped thanks duuuuuude :)
sorry darrenfj, you can't send brownie points to yourself! :sparkles: :sparkles:
It's fun having a bunch of programmers troubleshoot with you.
:shipit: why is shipit a squirrl?
goodGood glad it worked for yah
why is :duck: not an emoticon?
Yeah thanks ya’ll for helping me get my name on my certificate! @timjavins
happyviki sends brownie points to @timjavins :sparkles: :thumbsup: :sparkles:
:warning: happyviki already gave timjavins points
@DarrenfJ i dono
thanks for helping too @timjavins and @thekholm80
darrenfj sends brownie points to @timjavins and @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 126 | @timjavins |http://www.freecodecamp.com/timjavins
:star2: 1389 | @thekholm80 |http://www.freecodecamp.com/thekholm80
hehe
lol
took me 38/56 days to complete it.
What's 38/56? Hours?
Or check marks?
Oh, I see.
I started on June 3rd. But I’ve been activly coding for 38 days.
nice
noice
@timjavins is that good? I feel like I could have done better. On the other hand, that’s how most coders are.
I think I took too long; I partied too much :P
@HappyViki I completed my front end more than a year after I joined fcc
I think it shouldn't matter how long it took you (within reason) as long as you learned it well.
so that's another stat
I think it happened Dec '16
@Manish-Giri I joined when it first started…and then deleted my account and started over because I didn’t understand a thing I did. (jumped around too much)
i took forever and never partied once
and I've still got 2 more for the data viz
@timjavins good thoughts.
@thekholm80 I’m a party girl in a party woooorld.
Also I kinda got my first boyfriend ever…and I wanted to spend a lot of time with him.
There's only so much time you have in this life. Spending less time in a career you don't want and more time in a career you do want is very important. Take confidence in the prioritization of your time. If you've done it the way you should have, that's what really matters.
But we broke up. Our relationship was a loop…and then a
break; happened.
You gotta spend your time well.
i've never had a boyfriend. don't think i ever want one tbh
But we broke up. Our relationship was a loop…and then a break; happened.
should've used
goto:
@timjavins I don’t regret partying. I did learn a lot. And I’m not done yet :)
@Manish-Giri why?
I broke up in 2015. It hurt as hell, but then one day I decided, f*k it.
@Manish-Giri what does that even mean? you forgot about the pain?
@thekholm80 you aren’t gay. it’s okay to not be gay.
#thatsthejoke
um, not really. It's not something you can forget overnight. I just decided its not something that's worth throwing away your life over. Like there are other important things too - career, family, travel, etc
@HappyViki
@Manish-Giri I’m proud of you! It took me about 2 weeks of waiting before the pain of 2 of my friends leaving me went away.
leaving me = stopped being friends with me; apperently there’s something wrong with me. idk. It’s their loss.
don't take responsibility for other people's actions
@HappyViki ty :smile:
manish-giri sends brownie points to @happyviki :sparkles: :thumbsup: :sparkles:
:cookie: 312 | @happyviki |http://www.freecodecamp.com/happyviki
@thekholm80 victom blaming at it’s finest.
@chetan-rathod
hello
any one knows about PWA
hello
any one knows about PWA
hello
any one knows about PWA
any one knows about PWA
I know a thing or 2 about PDA
lol
not PWA
@Manish-Giri sure you do ... the register service workers is for progressive web apps
it's all connected
oh oh
damn, rabbit hole, see?
rofl
WOAH
@timjavins still reading the react page (got distracted) "Are files easy to find?" um…maybe? lol
wait, what?
what?
:doughnut:
I read the whole thing. I sware!
:side-eyes:
你们是外国人吗？
@thekholm80 hi, all your functionality on only one React? it's cool!
Link to External Pages with Anchor Elements，这个练习有点不懂
Hey guys. I am currently trying out the Sass tutorial in Beta but i get the following error everytime I submit. Will you please check my code and see what I have done wrong.
<style>
$text-color : red;
.header{
text-align: center;
},
.blog-post h2 {
color: $text-color;
}
</style>
<h1 class="header">Learn Sass</h1>
<div class="blog-post">
<h2>Some random title</h2>
<p>This is a paragraph with some random text in it</p>
</div>
<div class="blog-post">
<h2>Header #2</h2>
<p>Here is some more random text.</p>
</div>
<div class="blog-post">
<h2>Here is another header</h2>
<p>Even more random text within a paragraph</p>
</div>
Keeps telling me to declare a text-color variable. Haven't I done that already?
in JavaScript what is do not change code above the line
thank you for help
Yo I dont suppose anyone has a rad autofocus solution for an unordered list
@miellyn30
"don't touch the code above the line"; just change the code below the line
@DonMatano Looked in the issues and this one appears bugged.
https://forum.freecodecamp.org/t/need-assistance-in-store-data-with-sass-variables/136218
https://forum.freecodecamp.org/t/need-assistance-in-store-data-with-sass-variables/136218
I am required to Create a function called functionWithArgs that accepts two arguments and outputs their sum to the dev console. and thereafter Call the function.these are the additional instructions: functionWithArgs should be a function
functionWithArgs(1,2) should output 3
functionWithArgs(7,9) should output 16
Call functionWithArgs after you define it.
functionWithArgs(1,2) should output 3
functionWithArgs(7,9) should output 16
Call functionWithArgs after you define it.
@cykins4good
functionWithArgs(1,2) here you are directly passing in the values to the functions. you need to pass variables instead. like functionWithArgs(c,d) also you need to sum them meaning console c+d
@cykins4good declare it as follows:
functionWithArgs(a, b) {
console.log(a + b);
}:bulb: to format code use backticks! ``` more info
@cykins4good Now you can call it with any arguments you choose:
@cykins4good
```
functionWithArgs (9, 7), etc...
```
functionWithArgs (9, 7), etc...
Thanks to you all @RamseyNjire and @saninmersion .Your assistance is much appreciated.
cykins4good sends brownie points to @ramseynjire and @saninmersion :sparkles: :thumbsup: :sparkles:
:cookie: 202 | @ramseynjire |http://www.freecodecamp.com/ramseynjire
:cookie: 534 | @saninmersion |http://www.freecodecamp.com/saninmersion
I was asked to Declare a local variable myVar inside myLocalScope. In addition i am required to Run the tests and then follow the instructions commented out in the editor.
@cykins4good the second console.log function outputs myVar to the console but since you have declared myVar inside the myLocalScope function it is not accessible outside the function and displays:
myVar is not defined .
@sonimadhuri How are my going to pass this challenge now?
@cykins4good just remove the second console.log as the instruction reads
its still not passing even after removing the second console.log .Still needs e to No global myVar variable
Add a local myVar variable
Add a local myVar variable
@sonimadhuri its still not passing even after removing the second console.log .Still needs e to No global myVar variable
Add a local myVar variable
Add a local myVar variable
@cykins4good u forgot to declare myVar inside the function
mlem._.mlem
@sonimadhuri i came up with this but still not working.
@cykins4good you simply have to declare the variable using var and dont assign it any value.
@diomed :cat: is back
meow :cat:
For Redux, if you want to have multiple variables within your store, each variable needs to have its own reducer function? As in, if I wanted to have a state with a variable for 'numbers' and a variable for 'message', each of these would have to have their own reducer function?
@Manish-Giri :cat: haz all teh :cookie: :cookie:
Also for Redux, assuming you are using a const array of objects that is fixed, would you just make a global const array, and have redux access it to update the store accordingly, or would you want to make that array part of the redux store?
each of these would have to have their own reducer function
yes
@Manish-Giri thanks for clarifying that
knight2 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6331 | @manish-giri |http://www.freecodecamp.com/manish-giri
@Manish-Giri how to specify my input
$('input').dateDropper();
@diomed
<input type="text" data-lang="it" />
yes, that is html
but I need to say it in JS
coz if I say only input, it applies to every input on page, apparently.lol
then use
.dateDropper() on a specific input
<input type="text" id="diomed"/>
and
$('#diomed').dateDropper();
nothing without id's huh?
you can use
name too
<input id="message_id" name="message_name" type="text" />
and then use JS to refer to it
getElementsByName('message_name')[0]
so I could use it without id?
yup
anyway, thank you @Manish-Giri
diomed sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
should work
:star2: 6332 | @manish-giri |http://www.freecodecamp.com/manish-giri
that fixed it
could I use a class, mby?
yup
:+1:
does in these cases really matter is it a class or id
like does one take more memory or not????
don't think so, you're just selecting an element
but you should be prolly using
id
coz you're selecting one specific input
@Manish-Giri make me d3 v of Europe
lol
did I understand correctly that there is d4 now?
um
there's v4 of d3
no d4
oh, I see
wouldnt d4 be like - time
change over time
hehe
or does d3 do that as well
maybe you can do that
I only code in 2d
i code in 0.5d
oh you
I'm thinking of doing freelance web development. I know that it takes time to get established. Should I start marketing nationally and gradually focus on my area or should I start in my area and gradually focus on marketing nationally?
both
@diomed Hah. It's either one or the other. My issue is that I'm just trying to decide on the name of my website. If I do Meetups in several states, then I don't want to name my business after my city, lol
I don't think anyone names business after a city
@diomed tried to make a danish version.. made a pull request. Hope it works. Worked locally :)
@sonimadhuri thanks a lot
cykins4good sends brownie points to @sonimadhuri :sparkles: :thumbsup: :sparkles:
:cookie: 340 | @sonimadhuri |http://www.freecodecamp.com/sonimadhuri
@diomed Maybe not a city, but I've worked for several companies that named their businesses after a geographic area "American", "Mid Atlantic", "USA", "Virginia", etc.
thank you @alexanderkopke
diomed sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1630 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
btw u should have put your name as author :yum:
oh didn't notice that lol
but people will be able to see that I made the pull request
@diomed yay kodie just merged it :)
Good morning all. I need help connecting my css file to html
yay! :)
I am doing lessons through Sololearn and working on CSS
@wesgray76 yes, and???
@stuartbiggs this might be helpful here
how did u try? @wesgray76
<link rel="stylesheet" href="example.css">
is it stored in the same folder as html file, or in some other folder like folder called css
same folder
that should work then
if file is indeed called example
the name is the same as my html filie
file
can u send instructions and screenshot
coz I don't know like this
The font-weight Property
You can also define the font weight with a number from 100 (thin) to 900 (thick), according to how thick you want the text to be.
400 is the same as normal, and 700 is the same as bold.
The HTML:
<p class="light">This is a font with a "lighter" weight.</p>
<p class="thick">This is a font with a "bold" weight.</p>
<p class="thicker">This is a font with a "700" weight.</p>
The CSS:
p.light {
font-weight: lighter;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 700;
}
This is the one I am having trouble with:
can anyone tell me on what stack this freecodecamp is made , I know that frontend is on ReactJS
<p class="small">Paragraph text set to be small</p>
<p class="medium">Paragraph text set to be medium</p>
<p class="large">Paragraph text set to be large</p>
<p class="xlarge">Paragraph text set to be very large</p>
<link= "stylesheet" href "fontsize.css">
that is the HTML
Here is the CSS:
p.small{
font-size:small;
}
p.medium{
font-size:medium;
}
p.large{
font-size:large;
}
p.xlarge{
font-size:x-large;
font-size:small;
}
p.medium{
font-size:medium;
}
p.large{
font-size:large;
}
p.xlarge{
font-size:x-large;
@wesgray76 do u use any external fonts? if yes what weights are you loading?
@wesgray76
<link rel= "stylesheet" href= "fontsize.css">
still not working
all the text is normal
I am not loading any type of weights. I am following an exercise
I have to step away to run some errands. In the mean time, can someone explain to me what external fonts are?
@wesgray76 here a nice intro to fonts
@thekholm80 it does matter the order sometimes when writing code, for instance if you put @import after the top in a css file it won't work, or if you have to css files and one is after the other, the second one is the one that will override the or take over. As far as what I read so far on coding lol
(╯°□°）╯︵ ┻━┻
oh boy....
@daddycardona that would be different than what he was asking. he said chronologically he added his navbar last, which doesn't matter
yes, the order it appears in the file does matter
@vittorioVT thank you
thekholm80 sends brownie points to @vittoriovt :sparkles: :thumbsup: :sparkles:
:cookie: 807 | @vittoriovt |http://www.freecodecamp.com/vittoriovt
I just got a better look at the results.
The code worked.
Oh I just saw that because I had a mentioned and that was there lol :)
my bag
@daddycardona no worries
would you find it in your heart to forgive me LOL
my heart is tiny and full of bacon grease, but i'll try
LMAO
do people mind posting links to their portfolio page. just want some inspiration.
johntendik.com
its simple dont expect much
lol sure or you can see mine and if your's is a tiny bit better say nothing LOL
aha cheers. yh i wanna redo mine after learning javascript.
@AmirHamzaTanvir u have whole topic dedicated to that in forum
Website facts: HTML <= 160 lines | CSS < 430 lines | JS < 40 lines | Love > 9000
ohhhhh ye babie my teacher loves those stats
Thanks guys. I figured it out.
I appreciate the help from everyone
@JohnTendik known 4 minimalism
@diomed x
straight from the source
:milky_way: :cat:
i'm glad you finally changed your avatar, that little kid was creepy
I AM creepy :smiling_imp:
@AmirHamzaTanvir here you go https://codepen.io/AlThePal/full/eRJOjV/
thank you guys
hey does anyone know any easy to learn weather api's I can introduce to my page so I can make this weather
I am also still trying to fix the fact that navbar is 50px from the top so when I click on my work about me etc it stays 50px on the top
@daddycardona freeCodeCamp/freeCodeCamp#15598 there's a purpose-built api in this thread created for this challenge
specifically, https://github.com/freeCodeCamp/freeCodeCamp/issues/15598#issuecomment-313571555 is the instructions on using the api
we now see @diomed's true inner nature - a cookie monster :smile: :smile: :smile:
lol
que pasa, Tortilla de Mar?
:joy:
that's it! I can be the Tortilla Turquesa :laughing:
that's a good compromise
I don't get how to use it am I suppose to look at the codepen source code due to the fact the pen did nothing? That is just confusing to me
are you using jQuery?
or fetch?
or a purpose-built api library?
I'm a big fan of axios
I am using jquery
or what I learn of jQuery
@thekholm80
@daddycardona you can use the dev tools console in your browser to see what errors are popping up. Whether you host your own site or use codepen you should still see errors in the dev tools
I think kaspersky slows down my production
hi all,i'm building a recipe box, i would like to expend the "box" when i open a recipe,how could i do that? https://codepen.io/abdel974/full/BZVKxR/
@cmccormack why are you telling me this? I know that but but I know you are asking me to do something when I open my dev tools
@daddycardona this was a bit confusing so I was suggesting using the console to see any issues you may be experiencing when trying to use the API that was suggested. There should be no reason you need to look at the codepen source code...
I don't get how to use it am I suppose to look at the codepen source code due to the fact the pen did nothing? That is just confusing to me
@abdel974 not doing it in React?
@cmccormack i don't know what i'm doing lol no one told me about react
@abdel974 The FCC recipe challenge is a React project I believe
unless you're doing something else
@cmccormack no i'm doing this,well how can i use "react" ,whatever it is?
@abdel974 https://facebook.github.io/react/
@cmccormack so my question is do I use the
<script> https://fcc-weather-api.glitch.me/</script> and I don't understand what it means by endpoints I am tryting to understand that searching google.
i meant
src= then close script
@cmccormack thanks,i will check
abdel974 sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:star2: 1073 | @cmccormack |http://www.freecodecamp.com/cmccormack
@abdel974 if you don't understand react that much try searching for a tutorial on youtube seeing it in action sometimes makes more sense to me
@Margaret2 I stole that image of one girl's tinder profile :smile:
@daddycardona nah with jQuery use something like
$.getJSON('https://fcc-weather-api.glitch.me/...', callback);
Why doesn't my Twitter button open a new link?
https://codepen.io/Burinson/pen/PKPvOK?editors=1010
https://codepen.io/Burinson/pen/PKPvOK?editors=1010
@daddycardona ok thanks,i will see and try to understand
abdel974 sends brownie points to @daddycardona :sparkles: :thumbsup: :sparkles:
:cookie: 291 | @daddycardona |http://www.freecodecamp.com/daddycardona
function convertHTML(str) {
var symbols = ["&", "<", ">", """, "'"]
var signs = ["&", "<", ">", "\"", "'", ]
// :)
var sentence = str.split("");
console.log("first sentence: " + sentence);
for (var i = 0; i < sentence.length; i++) {
for (var j = 0; j < signs.length; j++) {
if (sentence[i] === signs[j]){
sentence = str.replace(sentence[i], symbols[j]);
}
}
}
console.log(sentence);
return sentence;
}
convertHTML("Hamburgers < Pizza < Tacos");
how come after the first < it stops iterating?
@SydneyWarren you're turning your array into a string
@cmccormack so trying an array into string i can only replace the first thing it iterates?
Well it's bad practice, you're iterating over sentence.length then changing it to a string, which now has a different length
I don't feel I learned enought about JQuery to actually do this pen. I am trying to understand this and it really frustrates the hell out of me. I am forgetting more than I am learning every step of the way it seems to me
@cmccormack oh ok now i understand it's a different length that's what messes things up
@daddycardona go back and to the jquery exercises, it might help. beta.freecodecamp.com also has additional api lessons which may help
I am doing that but I am a better learner with videos I wish some of these were in videos
@daddycardona maybe check out the docs as well - http://api.jquery.com/jquery.getjson/ or http://api.jquery.com/jquery.ajax/
@SydneyWarren probably, without writing down the different outcomes I'm not 100% sure what it will do but you definitely don't want to change a variable you're iterating over within the body of your loop
add a new variable like
var newSentence = str.replace(sentence[i], symbols[j]); @SydneyWarren
$('#tweetQuote').on("click", function () {
var textToTweet = $(".message").text();
if (textToTweet.length > 140) {
alert("Over Twitter character capacity!")
}
var twtLink = 'https://twitter.com/home?status=' +encodeURIComponent(textToTweet);
window.open(twtLink,'_blank');
});
});
@Burinson are you getting an error
@JohnTendik No, it just does't do anything at all
@Burinson lol your button doesnt have the ID "tweetQuote"
:)
nvm
i was looking at the wrong btn
It does :(
<a target="_blank">
<button id =¨tweetQuote¨ class="btn btn-primary"><i class="fa fa-twitter" aria-hidden="true"></i></button></a>
@Burinson replace it with this
<a target="_blank">
<button id="tweetQuote" class="btn btn-primary"><i class="fa fa-twitter" aria-hidden="true"></i></button></a>
first there is a space between id and =
id = annnd your quotes around "tweetQuote" are different character
theyre not standard quotes, you cansee the difference when you type your quotes its orange, mine is green/yello
Oh, I thought they acted the same
¨tweetQuote¨ vs "tweetQuote"
Lemme try
nono
It worked :D
@JohnTendik thank you
burinson sends brownie points to @johntendik :sparkles: :thumbsup: :sparkles:
:cookie: 798 | @johntendik |http://www.freecodecamp.com/johntendik
:) np happy coding!
That was hard to spot for me
lol
sometimes it takes a different set of eyes
Yep
ive been through it too lol,
everyone has
What are those dots anyway? I’ve never seen them before.
Hi.
@revisualize hiya
Hi all. What is best way to place text next to image? Inline block?
anyone? Bueller?
@cyberpunk1971 or floats
Thx
Hi guy, is there a way to improve my algorithm understanding?
cause when i came to the basic algorithms on FCC i was just lost
and i don't want to copy paste myself forward
google
used, found some.....asked to see what tools and recommendations U HAd
Meant google as in using it once you get an issue and learning from it. Otherwise you have websites like codewars.com
@Mahdi0123 I use codefights.com and codewars.com to practice algorithms. I think the best way to get good with them is practice
@thekholm80 thanks
mahdi0123 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1390 | @thekholm80 |http://www.freecodecamp.com/thekholm80
@thekholm80 do they not have us states in the glitch api you showed me for weather? I don't see it
Hello guys...
Sup man.
I need help guys
I want to change the background image of header using previous and next button. How can I get current index of header background image .
Please help me guys
Hi there! I have this peace of code
function smallestCommons(arr) {
function check(divisors, num) {
for(var x in divisors) {
if(num % divisors[x] !== 0) {
return false;
}
}
return true;
}
var smaller = arr[0] < arr[1] ? arr[0] : arr[1];
var bigger = arr[0] > arr[1] ? arr[0] : arr[1];
var divisors = [];
var num = bigger;
for(i = smaller; i <= bigger; i++)
divisors.push(i);
while(!check(divisors,num))
num++;
return num;
}
smallestCommons([1,5]);My problem is that the while loop ends despite 'ok' being false. This only happens if I use this code on the fcc challenge section where I have to write it. If I try it in the dev console it works fine. What may be causing this? ( https://www.freecodecamp.com/challenges/smallest-common-multiple )
@Sudha533 Create array of images and one variable holding current index
then increment/decrement current index, when buttons are clicked and change image for one at current index in array
then increment/decrement current index, when buttons are clicked and change image for one at current index in array
@korzo Thank you so much...It's working...
sudha533 sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:cookie: 313 | @korzo |http://www.freecodecamp.com/korzo
What do you think of my portfolio’s layout? Is it too simplistic? http://vvv.rent-a-mind.com/
Is that vvv? three v?
@daddycardona I don't believe so, i think it's just long/lat
@HappyViki
Yes, IMHO, it's too simple. It's also not responding (in the sense of responsive design) much in Edge, but it's performing better in Chrome.
Yes, IMHO, it's too simple. It's also not responding (in the sense of responsive design) much in Edge, but it's performing better in Chrome.
hmmmmmmmmmmmk
But what about the colors? @timjavins
Too "candy"?
@timjavins yeh. 3 Vs. instead of Ws lol
what is "Jest Code"?
it’s my brand
Instead of just. cuz I like to jest :P
I thought you maybe meant the unit test software used by React developers called Jest
noooooo I want the brand to be mine :(
I think Facebook beat you to it
wwaaaaa
if it makes you feel better, Jest is pretty awesome for unit testing
I noticed a lot of people are able to code their portfolio pages in such a way that their Project thumbnails and other images get smaller as the viewing space gets narrower. Mine tend to break over and became stacked (except for the photo on the home page). I don't think that looks great. I'd rather have the thumbnails get smaller. Any thoughts? https://codepen.io/mbmontana/pen/GvKEKR
watch youtube on bootstrap bro
will take an hour to learn and another to implement
Hello, I'm confused as to when property names need quotes around them and when they don't. The free code camp lessons have both examples of objects with property names in quotes and examples of objects with property names without quotes, for example: var ourMusic = [
{
"artist": "Daft Punk",
"title": "Homework", }; and var myObj = {
top: "hat",
bottom: "pants" };
{
"artist": "Daft Punk",
"title": "Homework", }; and var myObj = {
top: "hat",
bottom: "pants" };
What is the difference ?
to make valid JSON you need quotes, javascript doesn't require them
so the quotes are optional, but theres no functional difference?
not that i've ever found
@thekholm80 thanks
brianquiroz216 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1391 | @thekholm80 |http://www.freecodecamp.com/thekholm80
@dhcodes Cheers for the jsfiddle that you sent me a few days ago, I forgot to stay thanks I appreciate it.
ldocherty1 sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star2: 1809 | @dhcodes |http://www.freecodecamp.com/dhcodes