These are chat archives for FreeCodeCamp/Help

29th
Nov 2015
Minerest
@Minerest
Nov 29 2015 00:00
var newArray = oldArray;
var addThree = newArray.map(function(val){
  return val + 3;
Cassandra Sundberg
@csundberg
Nov 29 2015 00:01
are you returning addThree?
Wenona
@WinnieDoe
Nov 29 2015 00:01
var addThree should be var newArray
iccomq
@iccomq
Nov 29 2015 00:01
@Minerest you need to return that value into newArray so lets take a look
Minerest
@Minerest
Nov 29 2015 00:02
@WinnieDoe yeah, just changed it :)
@csundberg and no, I'm returning val+3
Wenona
@WinnieDoe
Nov 29 2015 00:02
You don't need the "addThree" because you're actually doing the + 3 in the return
Himad Mouhtar
@hmouhtar
Nov 29 2015 00:02
How can I compare each value of an array with other value?
Minerest
@Minerest
Nov 29 2015 00:02
oh
iccomq
@iccomq
Nov 29 2015 00:02
var newArray = oldArray;
right?
Julie Myers
@BlueOceanView
Nov 29 2015 00:02
@OMENSAH Ahhh. Sorry, I don't know Angular. But, what is your question?
iccomq
@iccomq
Nov 29 2015 00:02
so lets now assign to newArray the old one with map
Wenona
@WinnieDoe
Nov 29 2015 00:03
var newArray = oldArray.map :D
Minerest
@Minerest
Nov 29 2015 00:03
Thanks a bunch you guys, that was it. @WinnieDoe @csundberg @iccomq
CamperBot
@camperbot
Nov 29 2015 00:03
minerest sends brownie points to @winniedoe and @csundberg and @iccomq :sparkles: :thumbsup: :sparkles:
:star: 156 | @iccomq | http://www.freecodecamp.com/iccomq
Cassandra Sundberg
@csundberg
Nov 29 2015 00:03
@Minerest the code below the comment expects your answer to be in newArray
CamperBot
@camperbot
Nov 29 2015 00:03
:star: 203 | @csundberg | http://www.freecodecamp.com/csundberg
:star: 176 | @winniedoe | http://www.freecodecamp.com/winniedoe
Wenona
@WinnieDoe
Nov 29 2015 00:03
Glad to be able to help! :D
Himad Mouhtar
@hmouhtar
Nov 29 2015 00:03
Help me :(
CamperBot
@camperbot
Nov 29 2015 00:03

:point_right: tips on how to become a good pair programmer [wiki]

Pair programming is a great way to learn programming! Read why.

  1. Communicate well with your partner. Voice chat will make communication easy, let you focus on learning, and will allow you to use your time effectively.

  2. Before you start coding: decide together with your partner how your workflow should look so that both you and your partner can benefit from the time spent coding. An example of a good workflow:

    • Read through and discuss the problem to make sure you understand it.
    • Solve the problem with pseudo-code by identifying the steps you need to take in order to get from the given inputs to the expected result.
    • Create your actual solution
  3. When explaining things: Ask questions to guide your partner's thoughts instead of just showing the answer right away. This will let him or her think about the problem and make it easier for them to learn.

  4. Finally, be open to your partner's ideas, respect each other and have fun! :)
    :pencil: read more about tips on how to become a good pair programmer on the FCC Wiki

Wenona
@WinnieDoe
Nov 29 2015 00:03
You'll catch up to me soon @Minerest
Cassandra Sundberg
@csundberg
Nov 29 2015 00:03
what @WinnieDoe said, @Minerest !
iccomq
@iccomq
Nov 29 2015 00:03
@hmouhtar whats up?
Minerest
@Minerest
Nov 29 2015 00:04
@csundberg so if I wanted to use the addThree, I would have to change the code below, I'll have to change the return function to addThree instead of return newArray
Himad Mouhtar
@hmouhtar
Nov 29 2015 00:04
How can I compare each value of an array with another value?
iccomq
@iccomq
Nov 29 2015 00:04
oh many ways, filter, sort, map, simple for loop
Minerest
@Minerest
Nov 29 2015 00:04
(function() {return newArray;})();
(function() {return addThree;})();
iccomq
@iccomq
Nov 29 2015 00:04
depands on what exercise are you at @hmouhtar
and what is exactly your problem
Minerest
@Minerest
Nov 29 2015 00:05
@WinnieDoe real talk, I'm barely getting any of this lol, I think I'm going to redo the java stuff and see how far I get from memory
Cassandra Sundberg
@csundberg
Nov 29 2015 00:05
@Minerest you can try i, but often this platform doesn't show all the code it is testing (i.e. the unit tests that show as a red x or green check, so I don't know if changing the one would let them give you a go)
Himad Mouhtar
@hmouhtar
Nov 29 2015 00:05
for example, i'm trying whit an if
iccomq
@iccomq
Nov 29 2015 00:05
@Minerest remember that at the left side you are also fed link! read them its goldmine
Himad Mouhtar
@hmouhtar
Nov 29 2015 00:05
if (arguments[i+1] === arr[0])

function destroyer(arr) {
// Remove all the values
for (i = 0; i < arguments.length-1; i++){

 if (arguments[i+1] === arr[0]){

   return "hola";

}

  else{
    return "chao";

}

}

}

destroyer([1, 2, 3, 1, 2, 3], 2, 3);

Minerest
@Minerest
Nov 29 2015 00:06
@iccomq wait what? fed link? what links? :o:
iccomq
@iccomq
Nov 29 2015 00:06
@hmouhtar but you need a way to iterate through an array first, only then you immplement if fot comparison
Cassandra Sundberg
@csundberg
Nov 29 2015 00:06
@Minerest definitely read the links like @iccomq said! They help expose you to new functionality & reading the documentation as a whole. A necessary skill!
@Minerest that one didn't have it!
iccomq
@iccomq
Nov 29 2015 00:06
@Minerest when you have exercise description, there are "help" links
Himad Mouhtar
@hmouhtar
Nov 29 2015 00:07
Can you explain me better please?
iccomq
@iccomq
Nov 29 2015 00:07
they show you sites like w3schools.com or javascript documentation
@hmouhtar lets get through it
do you know how for loop works?
Cassandra Sundberg
@csundberg
Nov 29 2015 00:07
@iccomq aren't those the bonfire ones? you do mean the doc pages...yes?
Minerest
@Minerest
Nov 29 2015 00:07
oh, ok I'll definitely check those out
Himad Mouhtar
@hmouhtar
Nov 29 2015 00:07
yes, i'm using a for loop in my code
do you saw it?
iccomq
@iccomq
Nov 29 2015 00:08
@csundberg i dont remember honetly :D i remember there are links right? not necessary to the sites i told
@hmouhtar can you show it again
Himad Mouhtar
@hmouhtar
Nov 29 2015 00:09

function destroyer(arr) {
// Remove all the values
for (i = 0; i < arguments.length-1; i++){

 if (arguments[i+1] === arr[0]){

   return "hola";

}

  else{
    return "chao";

}

}

}

destroyer([1, 2, 3, 1, 2, 3], 2, 3);

Cassandra Sundberg
@csundberg
Nov 29 2015 00:09
@hmouhtar you need to loop the arguments against ALL of the values in the array; not just the first element
iccomq
@iccomq
Nov 29 2015 00:09
its not for loop
Himad Mouhtar
@hmouhtar
Nov 29 2015 00:09
bonfire: seek and destroy
CamperBot
@camperbot
Nov 29 2015 00:09

:fire:Bonfire: Seek and Destroy :link:

function destroyer(arr) {
  // Remove all the values
  return arr;
}

destroyer([1, 2, 3, 1, 2, 3], 2, 3);

You will be provided with an initial array (the first argument in the destroyer function), followed by one or more arguments. Remove all elements from the initial array that are of the same value as these arguments.

more info:  bf details | bf links | hint

iccomq
@iccomq
Nov 29 2015 00:09
if statement is just that an if statement, a conditional, you cant iterate through array with if statement
Himad Mouhtar
@hmouhtar
Nov 29 2015 00:10
for (i = 0; i < arguments.length-1; i++)
i'm trying to use a for loop to know how many values are after the initial array
iccomq
@iccomq
Nov 29 2015 00:11
oh that exercise will make you make a callback function inside for loop and you wont get exercise accepted
i have fallen for that
you need to use filter method
Cassandra Sundberg
@csundberg
Nov 29 2015 00:11
@hmouhtar that will allow you to check against 2 & 3 but you are only checking those values against arr[0] you need all of the other array values too.
@iccomq I did that too, but never tried looping it. Sometimes things are or aren't taken. I've gotten away with using recursion on the factorial problem, but rejected when returning a string from JSON.Stringify(arr); (at the time I didn't realize it wasn't necessary; and I had seen their test code use it.)
iccomq
@iccomq
Nov 29 2015 00:13
@hmouhtar a hint, filter and then indexOf
@csundberg i bet you have a programming backgroud
Cassandra Sundberg
@csundberg
Nov 29 2015 00:13
yeah, in C++
iccomq
@iccomq
Nov 29 2015 00:13
i get a little sick still when i try to make recursion work..
Cassandra Sundberg
@csundberg
Nov 29 2015 00:14
lol
least it ain't template recursion!
Himad Mouhtar
@hmouhtar
Nov 29 2015 00:14
indexOf works for numbers?
Cassandra Sundberg
@csundberg
Nov 29 2015 00:14
plus sometimes non-recursion is worse; e.g. iterating over trees!
iccomq
@iccomq
Nov 29 2015 00:14
also i learn kinda slow, lately i tried to understan which sort algorithm was in .sort method
i just accepted that there are just some comparisons for that, and it magically works :D
@hmouhtar indexOf in callback for filter
for an argument in there
Cassandra Sundberg
@csundberg
Nov 29 2015 00:16
I just wrote one and passed it in; didn't think of IndexOf
so you have options @hmouhtar !
Himad Mouhtar
@hmouhtar
Nov 29 2015 00:17
thanks!!
Cassandra Sundberg
@csundberg
Nov 29 2015 00:18
how far along are you @iccomq ?
iccomq
@iccomq
Nov 29 2015 00:18
trying to make my first zipline not look like poop :(
Cassandra Sundberg
@csundberg
Nov 29 2015 00:18
Me too!
share links!
trying to make it not shrink into an unreadable mess
it's getting better
iccomq
@iccomq
Nov 29 2015 00:19
i gave up on making it mobile friendly
Cassandra Sundberg
@csundberg
Nov 29 2015 00:19
wanna try pair programming?
Herman Fassett
@HermanFassett
Nov 29 2015 00:19
responsive is sooo difficult
iccomq
@iccomq
Nov 29 2015 00:20
couse i positioned logo in like 7 pieces, with "absolute" xD
Herman Fassett
@HermanFassett
Nov 29 2015 00:20
:P
iccomq
@iccomq
Nov 29 2015 00:20
well i have never "pair" programmed :D
Cassandra Sundberg
@csundberg
Nov 29 2015 00:20
I found an article that was somewhat useful: http://www.helloerik.com/bootstrap-3-grid-introduction
iccomq
@iccomq
Nov 29 2015 00:21
but i will animate them eventually soo
im not really that unfamiliar with bootstrap
Cassandra Sundberg
@csundberg
Nov 29 2015 00:21
I am, hah! But I figure that is where half of the mobil-happy-website action comes from
since the premise is to be "mobile-first"
iccomq
@iccomq
Nov 29 2015 00:22
the thing is i dont do enough website stuff to actually practice it
Cassandra Sundberg
@csundberg
Nov 29 2015 00:22
isn't now the time?
I mean FCC.
iccomq
@iccomq
Nov 29 2015 00:22
but i need to tell you adjusting bootstrap themes to your liking is the b&(*^
well hopefully !
also i dont use themes now
couse we cant and all that
but then again at some point you will want to
Cassandra Sundberg
@csundberg
Nov 29 2015 00:23
Until then.
iccomq
@iccomq
Nov 29 2015 00:23
and will remember my words :D
Cassandra Sundberg
@csundberg
Nov 29 2015 00:23
ha
Herman Fassett
@HermanFassett
Nov 29 2015 00:23
I get super annoyed with bootstrap personally
Cassandra Sundberg
@csundberg
Nov 29 2015 00:24
that's how I feel about the whole shebang.
web programming inherently asks you to deal with issues of porting your design out the gate
iccomq
@iccomq
Nov 29 2015 00:24
i think its kinda hinderence to not know BS as webdev nowadays, its popular and easy as far as i know ;p
Cassandra Sundberg
@csundberg
Nov 29 2015 00:24
but I feel like I'd want to know all my options first
all they are doing is wrapping them up nicely for me
but I don't know how best to make it play together because it has been abstracted away
iccomq
@iccomq
Nov 29 2015 00:25
basically, what you want is to read about webkits
Herman Fassett
@HermanFassett
Nov 29 2015 00:26
I made my portfolio completely from scratch styling, and though it's not beautiful it was a good experience.
iccomq
@iccomq
Nov 29 2015 00:26
and indepth css
Herman Fassett
@HermanFassett
Nov 29 2015 00:26
The basejumps I'm no way doing scratch.
Cassandra Sundberg
@csundberg
Nov 29 2015 00:26
any favorite articles @iccomq @HermanFassett
iccomq
@iccomq
Nov 29 2015 00:27
well i want my portfolio to look awesome, im artsy and all that but digital media and whole programming part of styling stuff just makes me cry, couse i want to make all the things happen and get slapped :/
i think you can see what bootstrap and css particularly can do nicely on that one page
and when youll look through the code youll learn a looot
Cassandra Sundberg
@csundberg
Nov 29 2015 00:29
no body likes spending their time creating a composition just to have the web destroy the layout of all your elements.
Herman Fassett
@HermanFassett
Nov 29 2015 00:29
You could check out other frameworks like materializecss, I used that once... There's foundation and purecss
... A bunch of them, but bootstrap is good to know just because it's so widespread... Maybe a future employer will want you to use it. :)
Cassandra Sundberg
@csundberg
Nov 29 2015 00:30
@iccomq looks fun!
Nick Valenzuela
@NickValenzuela
Nov 29 2015 00:30
I need help. I'm going through the html challenges and I've tried it on google chrome and Microsoft Edge and whenever I hit "run tests" to check my work it doesn't do anything.
Cassandra Sundberg
@csundberg
Nov 29 2015 00:31
@HermanFassett I am looking to learn the back; not necessarily dive into even more frameworks (the ones FCC are presenting are more than enough for now)
Herman Fassett
@HermanFassett
Nov 29 2015 00:31
Yeah, when you get to MEAN stack it gets a whole lot more intensive, when that happened I just went with bootstrap for sanity's sake
iccomq
@iccomq
Nov 29 2015 00:31
@csundberg you may want to visit learnyounode
Cassandra Sundberg
@csundberg
Nov 29 2015 00:32
@NickValenzuela do you have any adblocks that might be interrupting the website?
Herman Fassett
@HermanFassett
Nov 29 2015 00:32
learnyounode is a waypoint after the ziplines
iccomq
@iccomq
Nov 29 2015 00:32
nodeJS is basically js backend
Nick Valenzuela
@NickValenzuela
Nov 29 2015 00:32
I don't know. How do I check?
Like pop up blocker?
Arnas
@arnas
Nov 29 2015 00:32
finaly! reached bonfire
Cassandra Sundberg
@csundberg
Nov 29 2015 00:33
@NickValenzuela pretty much; but if you didn't install it your probably don't have it (unless someone else set you up)
Herman Fassett
@HermanFassett
Nov 29 2015 00:33
I put it on most machines I use more than once, so that could be :P
Should work with adblocker
Diki Ananta
@dikiaap
Nov 29 2015 00:33

What this mean

Your p element should contain the first few words of the provided additional kitty ipsum text.

Nick Valenzuela
@NickValenzuela
Nov 29 2015 00:34
@csundberg No I set it up myself. The first couple of times I tried it it worked. But now it's not.
iccomq
@iccomq
Nov 29 2015 00:34
@InvisibleGhostt now there is that important thing, you will reach objects and constructors, read a lot about it, you will need it. A lot of people dont really understand that and try to power through it. Actually visit most links in there! All are awesome
Cassandra Sundberg
@csundberg
Nov 29 2015 00:34
@NickValenzuela have you changed any settings between now and then? (I am shooting in the dark as I haven't had this problem)
Chris
@Aoxom
Nov 29 2015 00:35
@dikiaap make a <p> element and type in a few words from that kitty ipsum text
iccomq
@iccomq
Nov 29 2015 00:35
ops you are already through them @InvisibleGhostt i hope you got it :D
Arnas
@arnas
Nov 29 2015 00:35
iccomq: :D
@iccomq No resting without bonfire
Herman Fassett
@HermanFassett
Nov 29 2015 00:36
@NickValenzuela sometimes certain code messes things up, if it's a certain waypoint, have you reset code and tried again? Or are there any errors in the return/console?
Diki Ananta
@dikiaap
Nov 29 2015 00:37
@Aoxom nice :smile:
Nick Valenzuela
@NickValenzuela
Nov 29 2015 00:37
@csundberg I have not. @HermanFassett It won't do anything no matter what I put in there.
Cassandra Sundberg
@csundberg
Nov 29 2015 00:38
@NickValenzuela can you screenshot it? (most people have the snipping tool is on a windows computer, it puts it on your clipboard & you can paste to this chatroom)
iccomq
@iccomq
Nov 29 2015 00:38
@csundberg you asked about articles, i dont know if you already know about a podcast http://developertea.com/ they cover wide variety of topics, nicely put. With your knowledge should be easier to listen to
Herman Fassett
@HermanFassett
Nov 29 2015 00:38
I think if you don't have snipping, you can just PrtScn then ctrl+v, haven't tried though
I have lightshot so my PrtScn key is captured for me
iccomq
@iccomq
Nov 29 2015 00:41
@NickValenzuela first of all, try to reset your code. Then solve it to your liking. Describe problems and paste your code here. To make everything more sure for everyone you can clear your cache.
"not doing anything" is to vauge for us to help you
most of this problems come from people changing the part of code they should touch. Be it mistake or anything
Nick Valenzuela
@NickValenzuela
Nov 29 2015 00:42

@iccomq I tried multiple ways, this the last way I tried
1 <!--<h1>Hello World</h1>-->
2 <!--<h2>CatPhotoApp</h2>-->
3 <!--<p>Hello Paragraph</p>-->

It just literally does not do anything when you hit "run tests"

iccomq
@iccomq
Nov 29 2015 00:42
these are all comments
wisekrish
@wisekrish
Nov 29 2015 00:42
hi. so dam doing the lesson: style text inputs as form controls. one of the "objectives is to add the Add a <i class="fa fa-paper-plane"></i> within your submit button element..
iccomq
@iccomq
Nov 29 2015 00:42
they are skipped by browser when interpreting
Cassandra Sundberg
@csundberg
Nov 29 2015 00:43
@NickValenzuela That's why I'd like a screenshot to see if there are any other hints on the website or browser we might notice.
@iccomq but if he isn't seeing them disappear, then it may not be updating
@wisekrish what is your question?
iccomq
@iccomq
Nov 29 2015 00:44
thats why i advised already to also clear cache and reset code.
to get rid of nasty random things
Cassandra Sundberg
@csundberg
Nov 29 2015 00:45
@wisekrish <button type="submit" > place other things inside here </button>
Nick Valenzuela
@NickValenzuela
Nov 29 2015 00:45
I figured it out. Thanks guys. Sorry to bother.
Cassandra Sundberg
@csundberg
Nov 29 2015 00:45
@NickValenzuela whoa, if it ain't personal, don't leave us hanging! It's like a small cliffhanger!
iccomq
@iccomq
Nov 29 2015 00:45
dont be sorry, we all were there @NickValenzuela
Cassandra Sundberg
@csundberg
Nov 29 2015 00:46
also, what @iccomq said! :)
iccomq
@iccomq
Nov 29 2015 00:46
also yeah, we want to know what was wrong
Nick Valenzuela
@NickValenzuela
Nov 29 2015 00:46
@csundberg What do you mean?
Cassandra Sundberg
@csundberg
Nov 29 2015 00:46
what was wrong?
Nick Valenzuela
@NickValenzuela
Nov 29 2015 00:46
@iccomq I am hoping to go to school for this. Just learning it.
Cassandra Sundberg
@csundberg
Nov 29 2015 00:46
@NickValenzuela whay didn't it work& what did you do to fix it?
iccomq
@iccomq
Nov 29 2015 00:46
also, we neeeeed to know what was that problem
@NickValenzuela everyone is learning here, i was bothering people for siliest things
trying to make people explain me things which were too big for me
and all that
Nick Valenzuela
@NickValenzuela
Nov 29 2015 00:47
You guys will laugh, haha. I misread the question. I've always loved software programs since I was 10 years old and want to make them. This is my first attempt. My friend told me to come start on here, he is almost done with his school, to make sure I like it.
Herman Fassett
@HermanFassett
Nov 29 2015 00:49
:laughing:
iccomq
@iccomq
Nov 29 2015 00:49
the times people didnt read correctly man, many of us fall for that
Cassandra Sundberg
@csundberg
Nov 29 2015 00:50
get you every time.
iccomq
@iccomq
Nov 29 2015 00:50
sometimes its really hard, man that class redtext exercise herds hundreds here xD
im actually pretty happy i dont need to "learn" that basics of html and css here, could skip a lot, some of these exrcises are kinda vauge
i will power through them becouse internet points though
Chris
@Aoxom
Nov 29 2015 00:52
a man will do many things for the promise of internet points
iccomq
@iccomq
Nov 29 2015 00:52
true that
i secretly hate a person that showed me reddit
:D
Wenona
@WinnieDoe
Nov 29 2015 00:55
Can anyone tell me why this won't give me the numbers 1-5 in an array using the .filter function? var newArray = oldArray.filter(function(val) {
return val > 5 === 0;
});
iccomq
@iccomq
Nov 29 2015 00:55
also there is that exercise that you need to put cat photo as alt text and people get confused becouse you are using actual cat photo in there. try to tell someone not to use cat photo, just cat photo in there. Fast enough so you will get a brownie. Maaaan the struggle.
return val > 5 === 0;]
look closely
you are checking if val>5 is 0
you just need to return val that is less or equal to 5
Wenona
@WinnieDoe
Nov 29 2015 00:56
oh. :P
Well crap.
Omg that was a dumb mistake. facepalm Thanks @iccomq
CamperBot
@camperbot
Nov 29 2015 00:58
winniedoe sends brownie points to @iccomq :sparkles: :thumbsup: :sparkles:
:star: 157 | @iccomq | http://www.freecodecamp.com/iccomq
iccomq
@iccomq
Nov 29 2015 00:58
yeah, Brownies.
Cassandra Sundberg
@csundberg
Nov 29 2015 00:59
@iccomq i feel like I am hiding in the chat from my zipline, where brownies are the "justification." good ol' streak extenders!
iccomq
@iccomq
Nov 29 2015 01:00
@csundberg i was about to finish my zip today, but you know.... chat
like, 3-4th day in a row
its addicting, im actually participating in a community that tries to learn things
Cassandra Sundberg
@csundberg
Nov 29 2015 01:01
@iccomq ooof; I've only been at all of FCC for 5 days.
iccomq
@iccomq
Nov 29 2015 01:01
and everyone here is becouse they want to (everyone that is bored or whatever just gets out and is not comin back)
Cassandra Sundberg
@csundberg
Nov 29 2015 01:02
that is true, but got to get good so they community thrives after the "easy" part oo.
Michael Chandler
@MMChandler
Nov 29 2015 01:02
@iccomq Yes, love being around motivated, smart people. FB just drains all hope for humanity anymore
Cassandra Sundberg
@csundberg
Nov 29 2015 01:02
@MMChandler SOOOOO TRUE.
Herman Fassett
@HermanFassett
Nov 29 2015 01:02
Hehe, I'm on my 47 day streak
iccomq
@iccomq
Nov 29 2015 01:02
also about articles for everyone look here http://learn-javascript.github.io/
Herman Fassett
@HermanFassett
Nov 29 2015 01:02
And then there are people like SaintPeter who are over 100 days
iccomq
@iccomq
Nov 29 2015 01:02
this is collection of resources that helped me a lot
Michael Chandler
@MMChandler
Nov 29 2015 01:03
@iccomq nice thanks
CamperBot
@camperbot
Nov 29 2015 01:03
mmchandler sends brownie points to @iccomq :sparkles: :thumbsup: :sparkles:
:star: 158 | @iccomq | http://www.freecodecamp.com/iccomq
iccomq
@iccomq
Nov 29 2015 01:05
man i liked codepen but after i started a little work with other things(prepros/sublime) it just looks so slow and wonky, so little space
Michael Chandler
@MMChandler
Nov 29 2015 01:06
@iccomq Just getting started with codepen today. I opened yesterday, but got distracted by this chat feed. Oh, wait . . .
Robert Richey
@0x0936
Nov 29 2015 01:06
I still use codepen regularly, mostly to quickly demo something
iccomq
@iccomq
Nov 29 2015 01:06
anyone knows if i can make the tabs in codepen (css,js,html) into different windows?
Herman Fassett
@HermanFassett
Nov 29 2015 01:06
I use jsbin instead
iccomq
@iccomq
Nov 29 2015 01:07
maaan prepros livereload is the shit
i tried github and gitshell yesterday, i... uh feel so lost in there, dont know how to put a site in repo or even get access. Even with some random internet tutorial
i leave it hangin like that for now
probably will try new GIT course on codeacademy, maybe will feel more confident
Robert Richey
@0x0936
Nov 29 2015 01:09
just in case anyone might be looking for even more links to resources, https://github.com/sindresorhus/awesome
iccomq
@iccomq
Nov 29 2015 01:10
crap
always oneupping eh
thanks @0x0936 :D
CamperBot
@camperbot
Nov 29 2015 01:10
iccomq sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:star: 408 | @0x0936 | http://www.freecodecamp.com/0x0936
iccomq
@iccomq
Nov 29 2015 01:11
looks really awesome, will dig in there a lot probably
Robert Richey
@0x0936
Nov 29 2015 01:11
@iccomq I really enjoyed this workshop, by Nodeschool, for learning git. https://github.com/jlord/git-it
Cassandra Sundberg
@csundberg
Nov 29 2015 01:11
thanks @iccomq & @0x0936 for the resources
CamperBot
@camperbot
Nov 29 2015 01:11
csundberg sends brownie points to @iccomq and @0x0936 :sparkles: :thumbsup: :sparkles:
:star: 159 | @iccomq | http://www.freecodecamp.com/iccomq
:star: 409 | @0x0936 | http://www.freecodecamp.com/0x0936
Cassandra Sundberg
@csundberg
Nov 29 2015 01:13
Now, it isn't git, and maybe it is too much, but I usually use Mecurial at work. And since the structure is very similar in terms of structure and use (without actual command specifics [e.g. imagine getting an explanation of for loops in C++ instead of javascript]) I cautiously recommend www.hginit.com
Robert Richey
@0x0936
Nov 29 2015 01:14
@iccomq thanks for that link to learn-javascript; had not seen that one before
CamperBot
@camperbot
Nov 29 2015 01:14
0x0936 sends brownie points to @iccomq :sparkles: :thumbsup: :sparkles:
:star: 160 | @iccomq | http://www.freecodecamp.com/iccomq
iccomq
@iccomq
Nov 29 2015 01:15
i actually finished learnyounode there... i don't feel like i actually learned i mean i t was okey while i was doing it but in wider perspective... i think i lack "basis" for it. Don't know how can i learn and practice that and all similar things.
Michael Chandler
@MMChandler
Nov 29 2015 01:15
@0x0936 @csundberg @iccomq Thanks!
CamperBot
@camperbot
Nov 29 2015 01:15
mmchandler sends brownie points to @0x0936 and @csundberg and @iccomq :sparkles: :thumbsup: :sparkles:
:warning: mmchandler already gave iccomq points
:star: 204 | @csundberg | http://www.freecodecamp.com/csundberg
:star: 410 | @0x0936 | http://www.freecodecamp.com/0x0936
iccomq
@iccomq
Nov 29 2015 01:16
so i just try to learn and progress in here, and read things..
Cassandra Sundberg
@csundberg
Nov 29 2015 01:17
@iccomq since you are supposed to get to the back-end eventually and learn node here anywho, I imagine you'll find a spot to apply it in.
Robert Richey
@0x0936
Nov 29 2015 01:17
@iccomq I know what you mean, but git-it is worth your time. The workshops are only as good as the authors make it. For example, learnyoumongo is a bit of a train wreck (stay away from this one)
iccomq
@iccomq
Nov 29 2015 01:18
i just think i am jumping a little ahead of myself with that topics.... looking a little back at bonfires. They were really hard for me, only chipped out my confidence if anything
im actually afraid that when ill get to next bonfires i will be here asking for literally everything
:P
Robert Richey
@0x0936
Nov 29 2015 01:19
@iccomq I haven't finished all the bonfires - some of them I can't yet wrap my head around, so I move onto other things, trying to be more productive with my time
Cassandra Sundberg
@csundberg
Nov 29 2015 01:20
hey, it's how we build community; plus those teaching get help debugging, cementing their knowledge, people skills, and working on clear communication.
iccomq
@iccomq
Nov 29 2015 01:20
i actually grew to love to correct people and help in here, learned a looot more while doing it
Cassandra Sundberg
@csundberg
Nov 29 2015 01:20
(good for everybody!)
iccomq
@iccomq
Nov 29 2015 01:20
than in actual exercises
Michael Chandler
@MMChandler
Nov 29 2015 01:21
I am not afraid of the cheat sheet. If I get stuck I can learn a lot from tearing apart someone's solution to see why it works.
iccomq
@iccomq
Nov 29 2015 01:21
you have always that @0x0936 to slap you when you tell bullshit
Robert Richey
@0x0936
Nov 29 2015 01:21
lol lies
Cassandra Sundberg
@csundberg
Nov 29 2015 01:21
every time you teach you take more time double checking your statements (I'd know; I've taught whole classes :P )
Robert Richey
@0x0936
Nov 29 2015 01:21
@csundberg yep, exactly that
Michael Chandler
@MMChandler
Nov 29 2015 01:21
Yeah, then there's helping people. I've learned a lot that way too.
Chris
@Aoxom
Nov 29 2015 01:22
@csundberg what kinda classes have you taught?
Elliott McNary
@bighitbiker3
Nov 29 2015 01:22
Hey guys i’m on the Bonfire Binary Agents and i’m having some trouble
iccomq
@iccomq
Nov 29 2015 01:22
its not even that, but people that watch you when you explain things react more "aggresively" whith correcting you
when they know "better"
Cassandra Sundberg
@csundberg
Nov 29 2015 01:22
first-year (college level) C++, Linear Algebra (think matrices & transformations) & Game Implementation Techniques
Michael Chandler
@MMChandler
Nov 29 2015 01:22
@iccomq lol, yup.
Chris
@Aoxom
Nov 29 2015 01:23
very cool, csundberg
Elliott McNary
@bighitbiker3
Nov 29 2015 01:23
I can’t figure out how to get the charCodeAt from a string like “01000011”…I can’t figure out how to get the index to choose something longer than one point
any tips?
Cassandra Sundberg
@csundberg
Nov 29 2015 01:23
@Aoxom too be specific it is the college class curriculum taught to HS students through a local program
0x0936 @0x0936 is always waiting for @iccomq to make a mistake
iccomq
@iccomq
Nov 29 2015 01:24
there is actually that occurence(wrong word probably) that the best way to get correct answer is not to ask a question, but to post bullshit answer. People who know better and can back up their statements will get to you faster and better.
Erland Lami
@Texber
Nov 29 2015 01:24
Hey folks please look at this code

.thick-green-border{
border-color: green;
border-width: 10px;
border-style: solid;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img class="smaller-image thick green border" src="https://bit.ly/fcc-relaxing-cat">

iccomq
@iccomq
Nov 29 2015 01:24
purple text again, not gonna fall for that
Erland Lami
@Texber
Nov 29 2015 01:24
I'm trying to apply the thick green border class to the image but it's not coming through
I separated it with space from smaller-image
Cassandra Sundberg
@csundberg
Nov 29 2015 01:25
@Texber you are missing the hyphens when assigning the clas
iccomq
@iccomq
Nov 29 2015 01:25
thick green border is not thick-green-border
Erland Lami
@Texber
Nov 29 2015 01:25
never mind I got it. Didn't add hyphens
Thanks, feel kinda dumb... going back to lessons
iccomq
@iccomq
Nov 29 2015 01:26
man its called "hyphens".... TIL
Erland Lami
@Texber
Nov 29 2015 01:26
Thanks @csundberg
CamperBot
@camperbot
Nov 29 2015 01:26
texber sends brownie points to @csundberg :sparkles: :thumbsup: :sparkles:
:star: 205 | @csundberg | http://www.freecodecamp.com/csundberg
Cassandra Sundberg
@csundberg
Nov 29 2015 01:26
@iccomq lol
Erland Lami
@Texber
Nov 29 2015 01:26
TIL something everyday
iccomq
@iccomq
Nov 29 2015 01:27
well, i kinda lack in punctuation vocabulary,
Cassandra Sundberg
@csundberg
Nov 29 2015 01:27
@iccomq promising for an overview I am looking for: https://smacss.com/book/
0x0936 @0x0936 googled TIL. Today I learned about TIL
Chris
@Aoxom
Nov 29 2015 01:28
@iccomq how come? speak another language natively?
iccomq
@iccomq
Nov 29 2015 01:29
im from poland
Cassandra Sundberg
@csundberg
Nov 29 2015 01:29
@0x0936 hah! I asked my husband and TIL about TIL too.
Chris
@Aoxom
Nov 29 2015 01:29
ah, tak
Robert Richey
@0x0936
Nov 29 2015 01:29
:)
iccomq
@iccomq
Nov 29 2015 01:29
:D
Kielbasa am i right?
Cassandra Sundberg
@csundberg
Nov 29 2015 01:29
delicious!
Chris
@Aoxom
Nov 29 2015 01:29
mmm lol
tak, nie, and kielbasa. thats all i know
iccomq
@iccomq
Nov 29 2015 01:30
@csundberg that css stuff looks really good
Cassandra Sundberg
@csundberg
Nov 29 2015 01:30
We were sold on a steamer for the wok we had when the person was giving out kielbasa samples.
iccomq
@iccomq
Nov 29 2015 01:31
glad you liked it, visit poland for even better ones
but you know, you have tacobell seveneleven and all cool stuff
walmarts with fatties on wheels
canyon
Michael Chandler
@MMChandler
Nov 29 2015 01:33
So many resources, and only 24 hours in a day.
Robert Richey
@0x0936
Nov 29 2015 01:33
IKR
iccomq
@iccomq
Nov 29 2015 01:33
also its really hard for european to actually comprahend how big USA is
Cassandra Sundberg
@csundberg
Nov 29 2015 01:34
I think we have similar issues understanding how not-big we are,
Michael Chandler
@MMChandler
Nov 29 2015 01:35
The US is oft-mocked for its lack of multilingualism, but I can drive 3,000 miles and speak English the whole trip.
iccomq
@iccomq
Nov 29 2015 01:35
i think so, your average joe does not really comprahend how different every european country is
on cultural level i mean
the differences are far bigger than between states; thats what i heard from some americans that i actually met in here
Chris
@Aoxom
Nov 29 2015 01:36
you mean portugal and england are not the same, culturally? hehe
Arash D
@ArashDai
Nov 29 2015 01:37
can someone tell me what << is in js?
ive never seen it before
Chris
@Aoxom
Nov 29 2015 01:38
isnt that one of those scary bit shift things?
iccomq
@iccomq
Nov 29 2015 01:38
looks like that but there is no of it in exercises i think...
i shall summon @0x0936
iccomq
@iccomq
Nov 29 2015 01:39
@csundberg can be too :D
Cassandra Sundberg
@csundberg
Nov 29 2015 01:39
@Aoxom the answer is yes
Chris
@Aoxom
Nov 29 2015 01:40
i only remember them from last time i tried to self teach coding (java last time)
Arash D
@ArashDai
Nov 29 2015 01:40
ty!
thanks @csundberg
CamperBot
@camperbot
Nov 29 2015 01:40
arashdai sends brownie points to @csundberg :sparkles: :thumbsup: :sparkles:
iccomq
@iccomq
Nov 29 2015 01:40
i tried c++ and fallen out a few years back
CamperBot
@camperbot
Nov 29 2015 01:40
:star: 207 | @csundberg | http://www.freecodecamp.com/csundberg
Cassandra Sundberg
@csundberg
Nov 29 2015 01:40
welcome @ArashDai !
iccomq
@iccomq
Nov 29 2015 01:41
remember similar operator from there
Cassandra Sundberg
@csundberg
Nov 29 2015 01:41
I like them best for cout in C++ but even then cout is kind of overrated.
iccomq
@iccomq
Nov 29 2015 01:41
i really don't understand a thing
:D
what is cout
Cassandra Sundberg
@csundberg
Nov 29 2015 01:41
as a bitwise I feel like it is for brainteasers or people trying to be slick on optimizations; a place I fear to tread.
basically what allows you to do the "hello world" thing and print to the screen c++ style
iccomq
@iccomq
Nov 29 2015 01:42
dum dum i knew a guy who was really into optimization, he was wierd and hard to talk to, i think optimization stuff made him that way... :P
Robert Richey
@0x0936
Nov 29 2015 01:42
@ArashDai the left shift << basically multiplies a number by a factor of whatever you put on the rhs of the expression. 2 << 1 is 2 * 2
Cassandra Sundberg
@csundberg
Nov 29 2015 01:42
it is an operator that is overloaded to do more than on thing
iccomq
@iccomq
Nov 29 2015 01:43
so u uhh can take a string and shift bits inside it?
Robert Richey
@0x0936
Nov 29 2015 01:44
@iccomq not in javascript, needs to be a number on both sides of the operator
Cassandra Sundberg
@csundberg
Nov 29 2015 01:44
you shouldn't in JS as I think they may have immutable strings.
even so, with ascii (or unicode) underlying, you wouldn't want to shift bits, as these aren't the same as what the characters get resolved into.
iccomq
@iccomq
Nov 29 2015 01:45
i even dread to research the topic on google as i will be hit with a wall of text to hard for me
Cassandra Sundberg
@csundberg
Nov 29 2015 01:45
so cat<<s wouldn't be cats
Robert Richey
@0x0936
Nov 29 2015 01:45
3 << 2is3 (2 2) === 12
iccomq
@iccomq
Nov 29 2015 01:46
so if i shifted something in a string and hit a character and "broke" it as there would not be corresponding uhh character? what would happen?
execution error or just broken variable equal to NaN or something?
Michael Chandler
@MMChandler
Nov 29 2015 01:47
@iccomq Then you could just start calling yourself a cryptographer
Cassandra Sundberg
@csundberg
Nov 29 2015 01:47
also @0x0936 it is directly Bitwise shifting any number x to the left by y bits yields x * 2^y.
Robert Richey
@0x0936
Nov 29 2015 01:47
@iccomq that's what the dev console is for. hit F12, click console tab and experiment. the answer to shifting a string always seems to be 0
Cassandra Sundberg
@csundberg
Nov 29 2015 01:47
@0x0936 the ^ is for the power (your use of * makes me nervous)
iccomq
@iccomq
Nov 29 2015 01:47
yeah me and cryptography, heh heheh
i really like math, i have studied programming but was to young to appreciate that, i drunk my way out pretty fast
also, math is hard ;/
Robert Richey
@0x0936
Nov 29 2015 01:49
@csundberg you are correct! that's my mistake. thanks for the correction
CamperBot
@camperbot
Nov 29 2015 01:49
0x0936 sends brownie points to @csundberg :sparkles: :thumbsup: :sparkles:
:star: 208 | @csundberg | http://www.freecodecamp.com/csundberg
Cassandra Sundberg
@csundberg
Nov 29 2015 01:49
@0x0936 :)
@iccomq I only don't like integrals; because they don't guarantee a beautiful solution and the inability to solve things (as a completionist) leaves me frustrated.
Erland Lami
@Texber
Nov 29 2015 01:52
<p class="red-text">View more
<a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
<p class="red-text">Kitty
ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
iccomq
@iccomq
Nov 29 2015 01:53
@csundberg well even though you went through it, understood and decided not to like it :)
Erland Lami
@Texber
Nov 29 2015 01:53
It says Your p element should have the text "View more " (with a space after it).
iccomq
@iccomq
Nov 29 2015 01:53
there goes redtext exercise i was rating about :D
Erland Lami
@Texber
Nov 29 2015 01:53
So I corrected to "View more "
Cassandra Sundberg
@csundberg
Nov 29 2015 01:53
@Texber what is your question? (and consider using , enter a new line, paste your code, and use the again
Robert Richey
@0x0936
Nov 29 2015 01:53
@Texber by putting the anchor tag on a new line, you don't get the space you need
Erland Lami
@Texber
Nov 29 2015 01:53
but does not accept
iccomq
@iccomq
Nov 29 2015 01:54
<br>?
Robert Richey
@0x0936
Nov 29 2015 01:55
@Texber
<!-- may be hard to see; there's a space after View more -->
<p class="red-text">View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>

<!-- or add a non breaking space character -->
<p class="red-text">View more&nbsp;
<a href="http://www.freecatphotoapp.com">cat photos</a></p>
Lynette
@Spitfire999
Nov 29 2015 01:55
can someone help me please?
Waypoint: Generate Random Whole Numbers with JavaScript
Erland Lami
@Texber
Nov 29 2015 01:56
Ok I'm looking at it
Cassandra Sundberg
@csundberg
Nov 29 2015 01:56
which part @Spitfire999 ?
Lynette
@Spitfire999
Nov 29 2015 01:56

var randomNumberBetween0and9 = Math.floor(Math.random() * 10);

function myFunction() {

// Only change code below this line.
Math.floor(Math.random() * 10);
return Math.random();

// Only change code above this line.
}

Cassandra Sundberg
@csundberg
Nov 29 2015 01:57
you need to store your answer and return that @Spitfire999
by calling the function again you are returning an answer without all of your modifications. @Spitfire999
@Spitfire999 the line with Math.floor's resulting output is being discarded because you have not kept it in a variable.
Robert Richey
@0x0936
Nov 29 2015 01:59
@Texber and, I noticed that the p tags don't have a closing tag. </p> they do, I just copy pasted wrong #fail
Erland Lami
@Texber
Nov 29 2015 01:59
<p class="red-text">View more <a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
<p class="red-text">Kitty
ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
Cassandra Sundberg
@csundberg
Nov 29 2015 01:59
@Spitfire999 does that make sense? (btw, you could avoid the var by returning the result of that code)
Erland Lami
@Texber
Nov 29 2015 02:00
@0x0936 I corrected it but it does not accept it
There is a space between more <a href.....
Robert Richey
@0x0936
Nov 29 2015 02:01
@Texber what does your code look like now? or, post a link to your waypoint so we can see
iccomq
@iccomq
Nov 29 2015 02:01
@csundberg a lot of times making this useless variabless helps to understand the code better, i still sometimes use the ones that i don't actually need :D
Erland Lami
@Texber
Nov 29 2015 02:01
@0x0936 how do I post a link to my waypoint?
copy the url?
Robert Richey
@0x0936
Nov 29 2015 02:02
@Texber yes
iccomq
@iccomq
Nov 29 2015 02:02
i got better a little though, i made millions of them!
Erland Lami
@Texber
Nov 29 2015 02:02
http://www.freecodecamp.com/challenges/waypoint-nest-an-anchor-element-within-a-paragraph?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Ca%20href%3D%22http%3A%2F%2Fwww.freecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E%0A%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%0A%3Cp%20class%3D%22red-text%22%3EView%20more%20%3Ca%20href%3D%22http%3A%2F%2Fwww.freecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E%0A%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EKitty%20%0A%20%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A
Robert Richey
@0x0936
Nov 29 2015 02:02
@Texber it has your solution embedded
Lynette
@Spitfire999
Nov 29 2015 02:02
@csundberg I'm not sure what to write though. Are you saying I have to get rid of something?
Erland Lami
@Texber
Nov 29 2015 02:03
@0x0936
Robert Richey
@0x0936
Nov 29 2015 02:03
@Texber click the blue reset button and this time, wrap the existing anchor tag with the p tag
Erland Lami
@Texber
Nov 29 2015 02:03

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<a href="http://www.freecatphotoapp.com">cat photos</a>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">View more <a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
<p class="red-text">Kitty
ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

@0x0936 I don't understand what you mean by wrapping it
Chris
@Aoxom
Nov 29 2015 02:04
<h1> this sentence is wrapped in h1 tags </h1>
Robert Richey
@0x0936
Nov 29 2015 02:04
@Texber
<!-- here is a lonely a tag -->
<a href="#">Cool Link</a>

<!-- here is an a tag wrapped with a p tag -->
<p><a href="#">Cool Link</a></p>
Erland Lami
@Texber
Nov 29 2015 02:05
yes that's what I did
<p class="red-text">View more <a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
Robert Richey
@0x0936
Nov 29 2015 02:06
@Texber except that your code should only have one a tag.
Erland Lami
@Texber
Nov 29 2015 02:06
Now nest your existing a element within a new p element (just after the existing h2 element) so that the surrounding paragraph says "View more cat photos", but where only "cat photos" is a link, and the rest of the text is plain text.
Robert Richey
@0x0936
Nov 29 2015 02:06
@Texber click the blue reset button to see what I mean. find the a tag, and wrap it with a p tag
Erland Lami
@Texber
Nov 29 2015 02:06
those are the instructions
the blue reset button next to help and bugs?
Robert Richey
@0x0936
Nov 29 2015 02:07
yes
Erland Lami
@Texber
Nov 29 2015 02:07

<h2 class="red-text">CatPhotoApp</h2>

<a href="http://www.freecatphotoapp.com">cat photos</a>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Robert Richey
@0x0936
Nov 29 2015 02:08
now, there is only 1 a tag. wrap that with the p tag
Erland Lami
@Texber
Nov 29 2015 02:08
so I'm adding an a element inside the p element
a tag I mean
Robert Richey
@0x0936
Nov 29 2015 02:08
@Texber no. use the existing a element (tag and element are the same)
Erland Lami
@Texber
Nov 29 2015 02:10
so it would be ...<p class="red-text"> View more <a href="http..."> Cat photos</a> .....</p>
correct?
Robert Richey
@0x0936
Nov 29 2015 02:11
that's the right idea. not sure if the space before View will be an issue, but try it :)
Erland Lami
@Texber
Nov 29 2015 02:11
ok here we go
Robert Richey
@0x0936
Nov 29 2015 02:12
and the closing p tag should immediately follow the closing a tag, no content between those closing tags
Grafton Gressmen
@GmanJoe
Nov 29 2015 02:12
I'm stuck on Waypoint: Learn how Script Tags and Document Ready Work
iccomq
@iccomq
Nov 29 2015 02:13
@GmanJoe do you understand what does document ready do?
Grafton Gressmen
@GmanJoe
Nov 29 2015 02:13
no..
iccomq
@iccomq
Nov 29 2015 02:14
when you make html page with all tags and styleshits
0x0936 @0x0936 giggles
Chris
@Aoxom
Nov 29 2015 02:14
@iccomq styleWHATs?
iccomq
@iccomq
Nov 29 2015 02:14
you use jquery to animate and add usefull things to it
;)
but
Erland Lami
@Texber
Nov 29 2015 02:14
@0x0936 it's not working
You need an a element that links to "http://www.freecatphotoapp.com".
Your a element should have the anchor text of "cat photos"
Create a new p element around your a element.
Your a element should be nested within your new p element.
Your p element should have the text "View more " (with a space after it).
Your a element should not have the text "View more".
Make sure each of your p elements has a closing tag.
Make sure each of your a elements has a closing tag.
iccomq
@iccomq
Nov 29 2015 02:15
for jquery to act properly all of html and css needs to be loaded in your browser @GmanJoe
Erland Lami
@Texber
Nov 29 2015 02:15
I haven't satisfied numbers 3, 4, and 5

<h2 class="red-text">CatPhotoApp</h2>

<a href="http://www.freecatphotoapp.com">cat photos</a>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

iccomq
@iccomq
Nov 29 2015 02:16
becouse, well jQuery can't act on the things that aren't loaded @GmanJoe
Robert Richey
@0x0936
Nov 29 2015 02:16
@Texber Ok, no worries. Post a link to your waypoint, preferably using markdown like this [link text](url) where link text is the text we can click on - to avoid posting a link that takes up half the page
iccomq
@iccomq
Nov 29 2015 02:17

so by making

$(document).ready(function(){

});

you make sure that all is on its place BEFORE jquery starts to work

@GmanJoe
Erland Lami
@Texber
Nov 29 2015 02:17
@0x0936 I'm not clear on how to link that
Robert Richey
@0x0936
Nov 29 2015 02:18
@Texber it's using markdown to post links. like this
iccomq
@iccomq
Nov 29 2015 02:18
@GmanJoe basically all instructions you write there are wrapped in a function that fires when it should, as premature shot can spoil everything for all sides.
Robert Richey
@0x0936
Nov 29 2015 02:19
markdown.png
@Texber :point_up:
iccomq
@iccomq
Nov 29 2015 02:19
@GmanJoe any more questions?
Erland Lami
@Texber
Nov 29 2015 02:21
@0x0936 Ok thanks so much
CamperBot
@camperbot
Nov 29 2015 02:21
texber sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:star: 411 | @0x0936 | http://www.freecodecamp.com/0x0936
Grafton Gressmen
@GmanJoe
Nov 29 2015 02:21
it says to You should add $(document).ready(function() { to the beginning of your script element.
i do that, but it doesn't like it
Robert Richey
@0x0936
Nov 29 2015 02:21
@Texber solved the waypoint? the link I posted is to my solved waypoint - does it make sense now?
Cassandra Sundberg
@csundberg
Nov 29 2015 02:22
@GmanJoe when you are done with any coding you are doing then you have to close it back up i.e. add });
iccomq
@iccomq
Nov 29 2015 02:22
<script>
  $(document).ready(function(){});
</script>
@GmanJoe you sure you got your syntax right?
Erland Lami
@Texber
Nov 29 2015 02:22
@0x0936 Yes. It's creating a new P and adding the a element to it
I was trying to add the a element to my existing P
Robert Richey
@0x0936
Nov 29 2015 02:22
:)
iccomq
@iccomq
Nov 29 2015 02:22
everything you want do add should go into curly brackets @GmanJoe
Erland Lami
@Texber
Nov 29 2015 02:23
@0x0936 I'm still lost as to how you posted that link like that
[title] (http://)
Robert Richey
@0x0936
Nov 29 2015 02:24
literally type square brackets and parentheses []() then add some text to the square brackets - this is the name of your link, then put the url inside parentheses
kevin barrows
@kmbgolf
Nov 29 2015 02:24
function myFunction() {

  // Only change code below this line.



 Math.floor(Math.random()*10);

  return Math.random();
The result of myFunction should be a whole number.
I dont know how or where to put myFunction
Erland Lami
@Texber
Nov 29 2015 02:25
[My link] (http://http://www.freecodecamp.com/challenges/waypoint-nest-an-anchor-element-within-a-paragraph?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Ca%20href%3D%22http%3A%2F%2Fwww.freecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E%0A%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A)
@0x0936 lol again
Robert Richey
@0x0936
Nov 29 2015 02:25
@Texber you have a space between the brackets and parentheses
try editing your post
bishop
@bishopchui
Nov 29 2015 02:26
hellooooo world
kevin barrows
@kmbgolf
Nov 29 2015 02:26
Tex check out the wiki I was struggling to do it too.
Cassandra Sundberg
@csundberg
Nov 29 2015 02:26
@kmbgolf the function is already there you need the code you wrote to replace the code to the right of the return keyword.
Erland Lami
@Texber
Nov 29 2015 02:26
@0x0936 Yesss
Robert Richey
@0x0936
Nov 29 2015 02:26
@Texber woot! :sparkles: :+1: :sparkles:
Erland Lami
@Texber
Nov 29 2015 02:27
much as been learned today.
Time to call it a night. Thanks @0x0936
CamperBot
@camperbot
Nov 29 2015 02:27
texber sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:warning: texber already gave 0x0936 points
Erland Lami
@Texber
Nov 29 2015 02:27
you're the best
kevin barrows
@kmbgolf
Nov 29 2015 02:27
It says only put code under this line?
Robert Richey
@0x0936
Nov 29 2015 02:27
@Texber you're welcome! :)
Cassandra Sundberg
@csundberg
Nov 29 2015 02:27
yes, and that line there the return is is below it. @kmbgolf
kevin barrows
@kmbgolf
Nov 29 2015 02:28
oh..Thank you
This place is awesome!
Cassandra Sundberg
@csundberg
Nov 29 2015 02:28
welcome. @kmbgolf
@iccomq every time, I have this terrible person inside waiting for brownies. It makes me feel like an awful person.
Minerest
@Minerest
Nov 29 2015 02:30
hey guys
Michael Chandler
@MMChandler
Nov 29 2015 02:30
@csundberg We're the positive reinforcement / spoiled generation. We need trophies.
Minerest
@Minerest
Nov 29 2015 02:31
I need help again D:
Cassandra Sundberg
@csundberg
Nov 29 2015 02:31
@MMChandler lol, so true; but it makes me stay in here and want to help....so how bad can it really be?
Minerest
@Minerest
Nov 29 2015 02:31
Waypoint: Sort arrays with sort
oscar
@oscarg91
Nov 29 2015 02:31
hey guys having trouble with the smaller image resize to 100 px challenge ...newbie
Cassandra Sundberg
@csundberg
Nov 29 2015 02:31
@Minerest what part in particular?
Minerest
@Minerest
Nov 29 2015 02:31
I have no idea how to use it
I either get the same exact values in an array returned or an error
Cassandra Sundberg
@csundberg
Nov 29 2015 02:33
it is just like the sample on the left @Minerest , but since you want it to reverse the order you need to reverse the subtraction,
@oscarg91 what part?
Minerest
@Minerest
Nov 29 2015 02:33
var array = [1, 12, 21, 2];

array.sort(function(a, b) {

  return a - b;

});
and instead, you return b-a;
0x0936 @0x0936 works for brownies!
Minerest
@Minerest
Nov 29 2015 02:34
?
Cassandra Sundberg
@csundberg
Nov 29 2015 02:34
@Minerest pretty much
@Minerest except you use the passed in array
Minerest
@Minerest
Nov 29 2015 02:34
ok... so what do you call "a and b"
are those subtractions?
Hans van Riet
@hansinla
Nov 29 2015 02:35
@oscarg91 Were you able to make a ‘smaller-image’ class?
Cassandra Sundberg
@csundberg
Nov 29 2015 02:35
they represent two arbitrary values in your array @Minerest
Minerest
@Minerest
Nov 29 2015 02:36
o,o I have so much to study and learn. It's a little overwhelming :P
Cassandra Sundberg
@csundberg
Nov 29 2015 02:36
you are basically defining a comparison operator for the items in your array. @Minerest
Minerest
@Minerest
Nov 29 2015 02:36
I'll read up on that @0x0936
oscar
@oscarg91
Nov 29 2015 02:36
no i wasn't and i don't know how to send a snapshot of it
Minerest
@Minerest
Nov 29 2015 02:37
oh ok
that makes sense @csundberg
Hans van Riet
@hansinla
Nov 29 2015 02:37
@oscarg91 copy and paste your code using this formatting
wiki format
CamperBot
@camperbot
Nov 29 2015 02:37

:point_right: code format [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

``` ⇦ Type 3 backticks and then press [shift + enter ⏎]

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

How to Code

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code format on the FCC Wiki

Minerest
@Minerest
Nov 29 2015 02:37
speaking of which, does your user name mean you go to school in california?
Cassandra Sundberg
@csundberg
Nov 29 2015 02:37
[ place a title in here ] ( place a link to your current code on your waypoint here ) @oscarg91
Minerest
@Minerest
Nov 29 2015 02:38
@csundberg just asking because csu is cal state university
Cassandra Sundberg
@csundberg
Nov 29 2015 02:38
@Minerest nah, by first initial is C and my last name is sundberg.
Minerest
@Minerest
Nov 29 2015 02:39
@csundberg Oh :P but cool
thanks!
Cassandra Sundberg
@csundberg
Nov 29 2015 02:40
@hansinla how do you get camperbot to show those useful messages?
Hans van Riet
@hansinla
Nov 29 2015 02:40
help bot
CamperBot
@camperbot
Nov 29 2015 02:40

:point_right: bot announce [wiki]

Announcing CamperBot!

CamperBot is our new AI friend who's going to make the FCC chatrooms more fun.
He can get info from the wiki, share bonfire hints, and help you get brownie points for helping people!

https://twitter.com/FreeCodeCamp/status/627338604134559744

beta testing

Currently in beta test in the #HelpBonfires channel. Try it out here:
https://gitter.im/FreeCodeCamp/HelpBonfires

read about what CamperBot features

https://github.com/FreeCodeCamp/freecodecamp/wiki/camperbot

talk to the Dev Team

https://gitter.im/dcsan/gitterbot

:pencil: read more about bot announce on the FCC Wiki

Robert Richey
@0x0936
Nov 29 2015 02:41
commands
CamperBot
@camperbot
Nov 29 2015 02:41

commands:

  • isCommand
  • cbot
  • echo
  • echojson
  • botversion
  • botstatus
  • botenv
  • archive
  • init
  • tooNoisy
  • help
  • menu
  • rooms
  • find
  • commands
  • music
  • announce
  • rollem
  • camperCount
  • welcome
  • hello
  • bob
  • wikiFooter
  • wikiUsage
  • wikiCantFind
  • wiki
  • messages
  • thanks
  • about
  • showInfoCallback
  • update
  • bonfire
  • checkBonfireCommands
  • searchBonfire
  • checkHasBonfire
  • inBonfireRoom
  • hint
  • bf
  • explain
  • bot
  • hi
  • index
  • thank
  • log
  • archives
Ng Jun Hao
@Junhao1113
Nov 29 2015 02:41
I m stuck
Robert Richey
@0x0936
Nov 29 2015 02:42
cbot hi
CamperBot
@camperbot
Nov 29 2015 02:42
you called?
Minerest
@Minerest
Nov 29 2015 02:42
explain sort
CamperBot
@camperbot
Nov 29 2015 02:42

:point_right: bonfire sorted union [wiki]

Problem Explanation:

  • The program has to return a new array of unique values from two original arrays in the order they show up. So there is not sorting required, and no duplicates.
:pencil: read more about bonfire sorted union on the FCC Wiki
Minerest
@Minerest
Nov 29 2015 02:42
cbot explain sort
CamperBot
@camperbot
Nov 29 2015 02:42
you called?
Minerest
@Minerest
Nov 29 2015 02:42
lol
Robert Richey
@0x0936
Nov 29 2015 02:42
wiki sort
CamperBot
@camperbot
Nov 29 2015 02:42

:point_right: bonfire sorted union [wiki]

Problem Explanation:

  • The program has to return a new array of unique values from two original arrays in the order they show up. So there is not sorting required, and no duplicates.
:pencil: read more about bonfire sorted union on the FCC Wiki
Hans van Riet
@hansinla
Nov 29 2015 02:42
@Junhao1113 what are you stuck on?
Cassandra Sundberg
@csundberg
Nov 29 2015 02:42
@Junhao1113 on what?
Robert Richey
@0x0936
Nov 29 2015 02:43
find sort
Minerest
@Minerest
Nov 29 2015 02:43
oh wi-ki sort, gotcha
Robert Richey
@0x0936
Nov 29 2015 02:43
nope. find sort, not wiki sort (I don't have them all memorized)
Thora Petropoulos-Huang
@thora-asterix
Nov 29 2015 02:43
Lobster font import is not recognized by code editor
anybody had the same problem?
Robert Richey
@0x0936
Nov 29 2015 02:44
@thora-asterix show us your link importing the font
Hans van Riet
@hansinla
Nov 29 2015 02:44
@thora-asterix no. show your code.
Thora Petropoulos-Huang
@thora-asterix
Nov 29 2015 02:45
hi @hansinla here it is:

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
font-family: Lobster;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

<h2 class="red-text" >CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Hans van Riet
@hansinla
Nov 29 2015 02:46
@thora-asterix don’t you need to set <h2> to the Lobster font?
Thora Petropoulos-Huang
@thora-asterix
Nov 29 2015 02:47
yes, with the class .red-text
Robert Richey
@0x0936
Nov 29 2015 02:47
Apply the font-family of Lobster to your h2 element.
Thora Petropoulos-Huang
@thora-asterix
Nov 29 2015 02:47
ok I will try
oscar
@oscarg91
Nov 29 2015 02:48
challenge is ..Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide
Hans van Riet
@hansinla
Nov 29 2015 02:48
@thora-asterix and make the link https instead of http
Robert Richey
@0x0936
Nov 29 2015 02:48
@hansinla the waypoint gives the link to copy and paste. it's using http
Thora Petropoulos-Huang
@thora-asterix
Nov 29 2015 02:48
thank you I will try @hansinla
CamperBot
@camperbot
Nov 29 2015 02:48
thora-asterix sends brownie points to @hansinla :sparkles: :thumbsup: :sparkles:
:star: 657 | @hansinla | http://www.freecodecamp.com/hansinla
Robert Richey
@0x0936
Nov 29 2015 02:49
@hansinla probably worth a pull request
Cassandra Sundberg
@csundberg
Nov 29 2015 02:49
@thora-asterix it specifically still wants p to use monospace, so you'll want it on h2 itself as @0x0936 pointed out
Minerest
@Minerest
Nov 29 2015 02:49
find reverese
CamperBot
@camperbot
Nov 29 2015 02:49
find reverese
nothing found
Minerest
@Minerest
Nov 29 2015 02:49
find reverse
oscar
@oscarg91
Nov 29 2015 02:50
h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat">
<style>
  .smaller-image {
    width: 100px;
  } 
</style>
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
Thora Petropoulos-Huang
@thora-asterix
Nov 29 2015 02:50
the code editor displays the font Lobster in green if that will help, any other fond I type it displays in purple
oscar
@oscarg91
Nov 29 2015 02:50
i don't see what I'm doing wrong
Cassandra Sundberg
@csundberg
Nov 29 2015 02:52
@oscarg91 you didn't apply your smaller-image class to anything
@oscarg91 something should have class="smaller-image" as an attribute.
oscar
@oscarg91
Nov 29 2015 02:53
ok thanks
Cassandra Sundberg
@csundberg
Nov 29 2015 02:54
@oscarg91 if that doesn't work there might be concern with the style being processed too late (further down in the file) for good organization I'd put that code inside the other <style></style> tag you have
later all; I'm going to play a Minecraft TD Mod w/my family.
Robert Richey
@0x0936
Nov 29 2015 02:55
@csundberg see ya
Minerest
@Minerest
Nov 29 2015 02:55
@csundberg bye!
Cassandra Sundberg
@csundberg
Nov 29 2015 02:55
(can I mark myself as away in gitter?)
Robert Richey
@0x0936
Nov 29 2015 02:56
not that I know of
Thora Petropoulos-Huang
@thora-asterix
Nov 29 2015 03:02
I asked this before sorry. I checked the code, it does seem fine. Code editor doesn't recognize the lobster font. It displays in green instead of purple

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
font-family: Lobster;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

<h2 class="red-text" >CatPhotoApp</h2>

<p class="red-text" >Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

how long does it take for a bug to be resolved in general?
Minerest
@Minerest
Nov 29 2015 03:06
hey, try the tripple back tick when posting code :)
so it doesn't look so mess
(your code)
same as the tilda (~)
Thora Petropoulos-Huang
@thora-asterix
Nov 29 2015 03:07
thanks
Minerest
@Minerest
Nov 29 2015 03:07
I'm just saying when you post in in this chat room
it helps to make it look neater here
try it out
oscar
@oscarg91
Nov 29 2015 03:19

`code
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat">
<img class="smaller-image">https://bit.ly/fcc-relaxing-cat.</img>

<style>
smaller-image {
width: 100px;
}
</style>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
```

`
i created the image class but can't resize it to 100 px
code

code color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat">
<img class="smaller-image">https://bit.ly/fcc-relaxing-cat.</img>

<style>
smaller-image {
width: 100px;
}
</style>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Hans van Riet
@hansinla
Nov 29 2015 03:25

@oscarg91 You need to combine these img tags

<img src="https://bit.ly/fcc-relaxing-cat”>
<img class="smaller-image">https://bit.ly/fcc-relaxing-cat.</img>

and you should only have one <style> … </style> tag pair and it should live at the top of the file.

sweet2u24
@sweet2u24
Nov 29 2015 03:32
psst
do you know how to make an h2 element red?
oscar
@oscarg91
Nov 29 2015 03:33

code h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.smaller-image
{
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat">
<img class="smaller-image">https://bit.ly/fcc-relaxing-cat.</img>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Pranav Doshi
@pranavdoshi
Nov 29 2015 03:33
@sweet2u24 wat happen?
oscar
@oscarg91
Nov 29 2015 03:33
how do i put up the snapshot so it doesn't look messy
sorry guys I'm really new to this
Pranav Doshi
@pranavdoshi
Nov 29 2015 03:33
put the whole code within backticks
@sweet2u24
and @oscarg91
Hans van Riet
@hansinla
Nov 29 2015 03:34
@oscarg91 this way
wiki format
CamperBot
@camperbot
Nov 29 2015 03:34

:point_right: code format [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

``` ⇦ Type 3 backticks and then press [shift + enter ⏎]

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

How to Code

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code format on the FCC Wiki

Julie Myers
@BlueOceanView
Nov 29 2015 03:34
@pranavdoshi put three ``` as the first line of coding and the last line of coding.
sweet2u24
@sweet2u24
Nov 29 2015 03:35
@pranavdoshi I put <h2 class="red-text">CatPhotoAp</h2>
oscar
@oscarg91
Nov 29 2015 03:35
  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .smaller-image
  {
    width: 100px;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat">
<img class="smaller-image">https://bit.ly/fcc-relaxing-cat.</img>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
Hans van Riet
@hansinla
Nov 29 2015 03:36
@oscarg91 clean up these img tags and make it one tag
oscar
@oscarg91
Nov 29 2015 03:36
@hansinla i puttee width in the single <style> i don't know what you mean by combining them though
Julie Myers
@BlueOceanView
Nov 29 2015 03:36
@oscarg91 What is your question?
sweet2u24
@sweet2u24
Nov 29 2015 03:36

h2 {
color: red;
.red-text{
color:red;
}

}

<h2 class="red-text">CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

Hans van Riet
@hansinla
Nov 29 2015 03:36
@oscarg91 there should only be ONE <img> … </img> tag pair
oscar
@oscarg91
Nov 29 2015 03:37
ok ima try to combine them
Hans van Riet
@hansinla
Nov 29 2015 03:37
@sweet2u24 don’t nest the class inside the h2 style
h2 {
color: red;
.red-text{
color:red;
}
}
sweet2u24
@sweet2u24
Nov 29 2015 03:40
@hansinla Isn't it saying to make the text red? It still doesn't work
Hans van Riet
@hansinla
Nov 29 2015 03:41

@sweet2u24 but you nested two styles inside eachother

h2 {
color: red;
}
.red-text{
color:red;
}

This is the correct syntax (don’t know if that’s what the exercise requires though.

Robert Richey
@0x0936
Nov 29 2015 03:41
@sweet2u24 it's easier to notice with indentation
oscar
@oscarg91
Nov 29 2015 03:41
@hansinla ok i got it thanks a lot... sorry again for the newbie questions i know it can get annoying
CamperBot
@camperbot
Nov 29 2015 03:41
oscarg91 sends brownie points to @hansinla :sparkles: :thumbsup: :sparkles:
:star: 658 | @hansinla | http://www.freecodecamp.com/hansinla
Robert Richey
@0x0936
Nov 29 2015 03:41
h2 {
  color: red;
  .red-text {
    color: red;
  }
}
Julie Myers
@BlueOceanView
Nov 29 2015 03:42
Nesting rules in CSS is not allowed. It will mess up your results.
Hans van Riet
@hansinla
Nov 29 2015 03:42
@oscarg91 no problem
iccomq
@iccomq
Nov 29 2015 03:44
@csundberg you should embrace that person inside you!
go along people its just late response.
:D
oscar
@oscarg91
Nov 29 2015 03:51
nesting rules?
0x0936 @0x0936 is having brownie withdraws
Hans van Riet
@hansinla
Nov 29 2015 03:53
@oscarg91 don’t nest in the style sheet
Michael Chandler
@MMChandler
Nov 29 2015 03:53
@oscarg91 you have ".red-text{}" inside another css rule. That won't work.
Robert Richey
@0x0936
Nov 29 2015 03:54
nested css rules work when using Sass/SCSS, but not in vanilla CSS
and probably Less and Stylus - I haven't used those preprocessors yet
oscar
@oscarg91
Nov 29 2015 03:55
I'm trying to do this.."apply multiple classes to an element by separating each class with a space within its class attribute"
a little confused
Hans van Riet
@hansinla
Nov 29 2015 03:55
@oscarg91 class=“class1 class2”
TheRealCoder
@TheRealCoder
Nov 29 2015 03:55
what is a script elemnet
what is a script elemnet?
element? what does it look like
Michael Chandler
@MMChandler
Nov 29 2015 03:56
<script>some js goes in here</script>
@TheRealCoder
iccomq
@iccomq
Nov 29 2015 03:57
actually, what do you guys think about lass/sass? I mean, should i bother with in when already comprahending bootstrap, having a little previous experience with bootstrap and css, while not really big one, enough to power-run through all fcc?
can it actually replace all css stuff in a "workflow"?
Hans van Riet
@hansinla
Nov 29 2015 03:58
@iccomq yes you don’t need lass/sass for FCC
iccomq
@iccomq
Nov 29 2015 04:00
i guess, but do you think i am already suited to try working with it? i know its hard to judge, but with knowledge that i can do all excercises with css without hiccup, would you reccomend it? @hansinla
Hans van Riet
@hansinla
Nov 29 2015 04:01
@iccomq That’s up to you, it’s probably easy for you, I haven’t tried and finished all Front End stuff with plain vanilla CSS + Bootstrap.
Robert Richey
@0x0936
Nov 29 2015 04:02
@iccomq sure. the major benefit to css preprocessors is using variables and nesting rules
@iccomq and they support looping, if/else conditions, mixins (kind of like functions) and so on
iccomq
@iccomq
Nov 29 2015 04:07
oh i encountered "mixins" as term kinda scary :D
will look through it, at some point ill need to dive in there
just hesitating right now
Craig Morrison
@frogmorton
Nov 29 2015 04:09
@oscarg91 still need help with multiple classes?
oscar
@oscarg91
Nov 29 2015 04:09
yes
Craig Morrison
@frogmorton
Nov 29 2015 04:09
You can do one class successfully, right?
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:09
@iccomq - I've done lots of LESS/SASS/SCSS - I kindly suggest you nail the vanilla css fundamentals - plus, in LESS/SCSS, you can write plain ol css.
oscar
@oscarg91
Nov 29 2015 04:10
<img class="thick-green-border" class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">
@frogmorton yea i can do one
Craig Morrison
@frogmorton
Nov 29 2015 04:11
Just type class="class-1 class-2"
oscar
@oscarg91
Nov 29 2015 04:11


  .smaller-image {
    width: 100px;
  }
  .thick-green-border{
    border-color: green;
    border-width: 10px;
    border-style: solid;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img class="thick-green-border" class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
Craig Morrison
@frogmorton
Nov 29 2015 04:13
You don't need to re type class= again... Just put a space between the 2 class names
iccomq
@iccomq
Nov 29 2015 04:13
@chriseisenbraun thats the basis of my hesitation actually! i don't think i have ehough of just css to try all that, however, while css preprocessors support variables/looping when you need that "complicated action" why not just use jQuery or JS? What is the appeal?
oscar
@oscarg91
Nov 29 2015 04:14
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img class="class-1 class-2" class="thick-green-border" class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
i did its not doing anything
iccomq
@iccomq
Nov 29 2015 04:15
@0x0936 i know im bothering your bottom... but! id like to hear your take on my previous question aswell!
oscar
@oscarg91
Nov 29 2015 04:16
sorry I'm a bit brain dead I've worked 45 hours in 3 days
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:17
@iccomq - I've worked on a few dev teams (Zillow, Devhub, other places in Seattle) - most used LESS for preprocessing. We avoided 1 - (over) nesting. 2. (most) mixins. Preprocessing WILL be a part of your life when you are on team. It's something you can pick up in a weekend or 2 once you have the core CSS skills.
Robert Richey
@0x0936
Nov 29 2015 04:17
@iccomq I'll show a simple demo in a minute
iccomq
@iccomq
Nov 29 2015 04:18
@chriseisenbraun you make it seem like a chore, not a tool :D
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:19
@iccomq I won't spam the room with to many links - but here's the current trend in using CSS processors.. Here's how Trello and Medium (including a core Bootstrap team member) write LESS. https://gist.github.com/bobbygrace/9e961e8982f42eb91b80 AND https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06#.u8gvb3un7
iccomq
@iccomq
Nov 29 2015 04:19
actually today, i got hand on lecture about css structures, will be nice read, well see how well i do actually understand it
Craig Morrison
@frogmorton
Nov 29 2015 04:20
@oscarg91 did that help?
oscar
@oscarg91
Nov 29 2015 04:20
<img class="class1 class2" class1="thick-green-border" class2="smaller-image" src="https://bit.ly/fcc-relaxing-cat">
tried this too not working
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:20
@iccomq - Well, it can feel like a chore at first! Preprocessors aren't going anywhere! I enjoy them on teams greatly.
Craig Morrison
@frogmorton
Nov 29 2015 04:21
You misunderstood me
iccomq
@iccomq
Nov 29 2015 04:21
@chriseisenbraun thanks for lecture! getting to it right now.
CamperBot
@camperbot
Nov 29 2015 04:21
iccomq sends brownie points to @chriseisenbraun :sparkles: :thumbsup: :sparkles:
:star: 85 | @chriseisenbraun | http://www.freecodecamp.com/chriseisenbraun
Julie Myers
@BlueOceanView
Nov 29 2015 04:21
@oscarg91 take the class out of your second p element...it's not needed to pass the test.
iccomq
@iccomq
Nov 29 2015 04:21
also, internet makes it seem like sass is better lass, is that actually a case?
@chriseisenbraun
Craig Morrison
@frogmorton
Nov 29 2015 04:22
Class1 and class2 were supposed to be your class names
There is only 1 class property in the img tag
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:23
@iccomq - Well, this is a matter of opinion. I started with SCSS/Libsass... but most companies I've worked for used LESS. This is because they used Bootstrap 3 (or lower). Bootstrap 4 is SCSS first...
oscar
@oscarg91
Nov 29 2015 04:24
<img class="class1 class2" src="https://bit.ly/fcc-relaxing-cat">
like that @frogmorton
?
ok nvm i got it i see what you mean @frogmorton thanks for the help
CamperBot
@camperbot
Nov 29 2015 04:26
oscarg91 sends brownie points to @frogmorton :sparkles: :thumbsup: :sparkles:
:star: 351 | @frogmorton | http://www.freecodecamp.com/frogmorton
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:27
@iccomq - Take away is: You're employer will decide which one you'll be using! They're really not that much different. You will use both. Mostly just slight syntax differences. Years ago, I wasted to much time worrying about picking the 'wrong tool' - Learn from my mistakes. -
oscar
@oscarg91
Nov 29 2015 04:27
sorry I'm delirious right now...going to sleep
iccomq
@iccomq
Nov 29 2015 04:29
well, you just anihilated my elaborated 17+ sentence question @chriseisenbraun but also remember that anything ill put in that, my first cv, when applying for my first dev job will be seen, im worried AF about it :D @chriseisenbraun
theres long enough road ahead of me though
Craig Morrison
@frogmorton
Nov 29 2015 04:30
Like that, except use the class names from the Waypoint
Robert Richey
@0x0936
Nov 29 2015 04:32

@iccomq here's a simple scss demo, showing variables, nested rules and the use of & to reference the parent selector

http://codepen.io/RobertRichey/pen/xwvVpq

Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:34
@iccomq While cliche sounding, I assure you your employers just want to know you can solve problems in CSS (if you are going for a front end UI/UX gig) - Regardless of Preprossesor you use, you are still spitting out CSS at the end of the day. So, focus on writing good CSS! The Prepros is mostly there make writing CSS easier for the author, and more manageable on teams.
iccomq
@iccomq
Nov 29 2015 04:35
Im already rocking Prepros, that livereload is the shit
@0x0936 its seems so logical... but from wider perspective it adds "another layer" which may or may not start confusing me.
The desicion is as @chriseisenbraun put it. I get my hands on actually usefull, css lecture to make sure i got it. Only then im rocking preprocessors.
Robert Richey
@0x0936
Nov 29 2015 04:37
@iccomq if you find yourself repeating a lot of values, that's where variables shine
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:38
@iccomq If you care to look at my CV/resume - you can find it here - I say I write CSS/LESS/SCSS - http://www.chriseisenbraun.com/resume - I assure you, having CSS fundamentals down is time well spent. Wondering what preprossor to use is not! If you had to pick one, SCSS is the most popular. Soon the world will use POSTCSS - I'm hoping we loop back to vanilla CSS on teams soon!
iccomq
@iccomq
Nov 29 2015 04:38
@0x0936 i already hate it, im sitting i dont know two weeks? maybe a little more in waaay too long css files...
@chriseisenbraun you mean that new css version should put preprocessors back?
like css4?
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:41
@iccomq No no! Sorry - I just miss the 'pre-preprocessor' days . I like plain ol CSS.
iccomq
@iccomq
Nov 29 2015 04:43
@chriseisenbraun abstracting from the topic don't you think that in a world with preprocessors having such a big impact, should W3C just adapt one of them as a core?
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:43
@iccomq - If new to CSS I kindly suggest you do a 10 trail - and Start here: http://www.lynda.com/Web-Interactive-CSS-tutorials/CSS-Fundamentals/80436-2.html - And the take your time, and do all 8 hours of this: http://www.lynda.com/Web-Interactive-CSS-tutorials/CSS-Core-Concepts/80435-2.html
Cassandra Sundberg
@csundberg
Nov 29 2015 04:44
thanks for letting me eavesdrop on your reference suggestion :) @chriseisenbraun
CamperBot
@camperbot
Nov 29 2015 04:44
csundberg sends brownie points to @chriseisenbraun :sparkles: :thumbsup: :sparkles:
:star: 86 | @chriseisenbraun | http://www.freecodecamp.com/chriseisenbraun
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:45
@iccomq - Well, that's where POST CSS comes into the conversation.. W3c is a SLLOOOOOWWWW moving standards body... but it's adding variables and all that to CSS
Pranav Doshi
@pranavdoshi
Nov 29 2015 04:46
@sweet2u24 hey did u get ur issue solved?
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:47
@iccomq @csundberg If interested in vars in CSS & the W3C- https://drafts.csswg.org/css-variables/
iccomq
@iccomq
Nov 29 2015 04:47
one could argue that this "slowness" is what it makes to actually be a premise for stability
and again i don't even know if i used good words to convey my thought :D
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:50
@iccomq - You bet... still, they are really slow though! It's not always due to proper scientific method and all that - there's lots o drama with Browser vendors... ego.... dig into it sometime... you'll be disheartened! But work on your core CSS fundamentals first! :)
Robert Richey
@0x0936
Nov 29 2015 04:50
it's just a standards document - to help avoid another ie disaster. browsers can implement whatever they want, and often do experiment with features not available in other browsers. in that regard, stability is something mutually agreed upon and implemented by the browsers (they agree to use the w3c standards)
iccomq
@iccomq
Nov 29 2015 04:51
do you think W3C is legally obligated to consider internet explorer 8 as one to keep standards with?
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:52
@iccomq - They is no 'law'
iccomq
@iccomq
Nov 29 2015 04:52
at this point, it seems that every browser "vendor" should be obligated to consider W3C as a standard not other way around
however, we know who holds the money
Herman Fassett
@HermanFassett
Nov 29 2015 04:53
If you use ie 8... shame.
iccomq
@iccomq
Nov 29 2015 04:54
not if you are 70 year old doctor in a hospital which has all shit adapted to IE8
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:54
@iccomq - Seems are are interested in W3C standards - which is good - I suggest you follow Lea Verou - she's on the W3 CSS body... she writes about some of the W3 drama... good stuff. - http://lea.verou.me/about/
Robert Richey
@0x0936
Nov 29 2015 04:54
financial sector, large corporations, perhaps others are tied to ie8
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:55
I've had to support IE 8 for my last few front end gigs - it's not fun... at all.
iccomq
@iccomq
Nov 29 2015 04:55
well, i have seen how to adapt gradients and just that made me sick....
i dont even think to try to make whole, welll-put nice website. adapted to IE8
Robert Richey
@0x0936
Nov 29 2015 04:56
@iccomq yeah, so don't manually write browser compliant rules - if at all possible. autoprefixer to the rescue
iccomq
@iccomq
Nov 29 2015 04:56
i just skip that topic
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:57
@0x0936 @iccomq - Yep, what @0x0936 said - I recently had to work on this site - (they used LESS) - we had to spport IE 8- https://www.spdrs.com/
iccomq
@iccomq
Nov 29 2015 04:57
@0x0936 you just linked prefixer, i first need to learn how and why it works, and how to implement it :D
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 04:58
@iccomq - Another bit of tacky self promotion - yes! use autoprefixer - http://www.chriseisenbraun.com/news/autoprefixer-not-working-in-sublime-text-3-try-this-one-weird-trick-
iccomq
@iccomq
Nov 29 2015 04:58
@chriseisenbraun its really nice site!
also, ill stalk that portfolio in command :D
well, again just a simple topic erupted into cataclism of resources
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 05:00
@iccomq - Well, I give Squarespace all the credit. Yep - I do lots of SQS work on the side. Fun Fact - You can build about anything with it, like Wordpress - Note: They use LESS. - http://developers.squarespace.com/initial-setup
@iccomq Yes, I should learn to stay on point more... :)
iccomq
@iccomq
Nov 29 2015 05:01
haha i dont really think about thta yet!
Robert Richey
@0x0936
Nov 29 2015 05:02
tangents are fun!
iccomq
@iccomq
Nov 29 2015 05:02
not really, its that satysfying thing man. last time something similar happened, i "wasted" (not really wasted..) like 4 hours about sorting algorithms...
and still am not through all of that resources...
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 05:02
@iccomq - Invested you mean, not 'wasted'..
mmcspiritt
@mmcspiritt
Nov 29 2015 05:03
Hey, can someone help me format a resume object on my website?
nf15
@nf15
Nov 29 2015 05:04
I lost on how to(where to): Add Alt Text to an Image for Accessibility. my code is like this : <img src="www.your-image-source.com/your-image.jpg" alt="your alt text" alt="A cute orange cat lying on its back">
iccomq
@iccomq
Nov 29 2015 05:05
well, sure thing @mmcspiritt im not sure if i will actually be able to help but surely you can post codepen for people to look at
Christian Neeley
@Chris6312
Nov 29 2015 05:05
you only need 1 of the alt="" not both
Michael Chandler
@MMChandler
Nov 29 2015 05:05
You have it, but should only be one alt
nf15
@nf15
Nov 29 2015 05:06
ok. I got it. let me try that. Thank you!!
mmcspiritt
@mmcspiritt
Nov 29 2015 05:06
If someone could go to Spirittwarranty.com/resume and figure out why the resume object won't format properly, I would appreciate it.
Julie Myers
@BlueOceanView
Nov 29 2015 05:07
@mmcspiritt What behavior/layout do you want your resume to have?
mmcspiritt
@mmcspiritt
Nov 29 2015 05:07
Right now it only covers 197 pixels in height, and I want it to cover most, if not all of the resume on the page. I'm not sure if my container or one of my classes is restricting it.
Michael Chandler
@MMChandler
Nov 29 2015 05:08
@mmcspiritt Not sure you can see it (I have a big monitor), but there is a smiling woman image behind your resume that seems like it shouldn't be there.
@mmcspiritt Resize the window and scroll to the bottom
mmcspiritt
@mmcspiritt
Nov 29 2015 05:09
I can't see that on my screen but I know its there. It's from my homepage, and I need to get rid of that too.. Haha
Robert Richey
@0x0936
Nov 29 2015 05:11
@chriseisenbraun Lea Verou is awesome. I started understanding regex after watching her conference talk on the subject
Julie Myers
@BlueOceanView
Nov 29 2015 05:11
@mmcspiritt Looks like you are using bootstrap.
mmcspiritt
@mmcspiritt
Nov 29 2015 05:11
Correct
nf15
@nf15
Nov 29 2015 05:11
@Chris6312 and @MMChandler MM, thank you. That works!!
CamperBot
@camperbot
Nov 29 2015 05:11
nf15 sends brownie points to @chris6312 and @mmchandler :sparkles: :thumbsup: :sparkles:
:star: 214 | @mmchandler | http://www.freecodecamp.com/mmchandler
:star: 53 | @chris6312 | http://www.freecodecamp.com/chris6312
mmcspiritt
@mmcspiritt
Nov 29 2015 05:12
When I was editing code to make a page for a school project, I may have messed something up. @BlueOceanView
iccomq
@iccomq
Nov 29 2015 05:12
@mmcspiritt it seems like you are trying to adapt a theme to your site right?
Christian Neeley
@Chris6312
Nov 29 2015 05:12
@mmcspiritt What sizing do you have applied to your container or col-md-12 class in css?
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 05:12
@0x0936 yep, she's great. And so are regexs.. most of the time
Pranav Doshi
@pranavdoshi
Nov 29 2015 05:13
@mmcspiritt wat the prob can u specify.
iccomq
@iccomq
Nov 29 2015 05:13
@pranavdoshi not working as he wants it to.
:D
Dorian
@SimpliiD
Nov 29 2015 05:14
Hi, wondering if anyone is working on or recalls the first Bonfire challenge; Reverse a string. If so, what is the intent? The challenge is to "Reverse the provided string", but I cannot seem to get beyond this step although my text does reverse.
Julie Myers
@BlueOceanView
Nov 29 2015 05:14
@pranavdoshi his resume is in an object element and it is only using 197px of height. He isn't sure what is causing it and how to make his resume be taller.
Robert Richey
@0x0936
Nov 29 2015 05:14
hey @SimpliiD show us your code
Pranav Doshi
@pranavdoshi
Nov 29 2015 05:14
@iccomq wat he wants to do?
@SimpliiD hey
Dorian
@SimpliiD
Nov 29 2015 05:15

I have done it a few different ways, #1:
'''
function reverseString(str) {
return str;
}

var textToReverse = 'hello';
var reverseText = textToReverse.split('').reverse().join('');

reverseString(reverseText);
'''

CamperBot
@camperbot
Nov 29 2015 05:15
:bulb: to format code use backticks! ``` more info
mmcspiritt
@mmcspiritt
Nov 29 2015 05:15
Here is the code that I think is being affected. There is nothing specific to col-md-12 or the container besides bootstrap's cdn (I think). ''' <section id="cover" class="home">
<div class="container">
<h1>Welcome, I'm Matt</h1>
</div>
</section>
<section id="faq" class="content">
<div class="container">
</div>
<div class="col-md-12">
<p><strong>This is the resume</strong></p>
<object data="resume.pdf" type="application/pdf" width="100%" height="100%">
<p>Alternative text - include a link <a href="resume.pdf">to the PDF!</a></p></object>
</section> '''
CamperBot
@camperbot
Nov 29 2015 05:15
:bulb: to format code use backticks! ``` more info
Pranav Doshi
@pranavdoshi
Nov 29 2015 05:15
guys plz use backticks
iccomq
@iccomq
Nov 29 2015 05:15
if you are actually trying to "adapt" a theme, its kind of complex thing, and i believe it requires better knowledge of css and bootstrap than when you want to do it yourself. While you are presented with finished product you need to understand more and faster to make it do what you particularly want. @mmcspiritt
@pranavdoshi thats all we know for now
Cassandra Sundberg
@csundberg
Nov 29 2015 05:16
@SimpliiD you code need to be between the { and } you should be replacing the return value
mmcspiritt
@mmcspiritt
Nov 29 2015 05:16
<section id="cover" class="home"> <div class="container"> <h1>Welcome, I'm Matt</h1> </div> </section> <section id="faq" class="content"> <div class="container"> </div> <div class="col-md-12"> <p><strong>This is the resume</strong></p> <object data="resume.pdf" type="application/pdf" width="100%" height="100%"> <p>Alternative text - include a link <a href="resume.pdf">to the PDF!</a></p></object> </section>
Dorian
@SimpliiD
Nov 29 2015 05:17

I have also done it like this, #2:
'''
function reverseString(str) {
return str;
}

var textToReverse = ['hello', 'Howdy', 'Greetings from Earth'];

for (var i = 0; i < textToReverse.length; i++) {
var reverseText = textToReverse[i].split('').reverse().join('');
}

reverseString(reverseText);
'''

CamperBot
@camperbot
Nov 29 2015 05:17
:bulb: to format code use backticks! ``` more info
Cassandra Sundberg
@csundberg
Nov 29 2015 05:17
@SimpliiD i.e. var textToReverse = 'hello'; var reverseText = textToReverse.split('').reverse().join(''); should be in your funtion's {}
Pranav Doshi
@pranavdoshi
Nov 29 2015 05:17
@mmcspiritt dude is ur site hosted online or on codepen anywhere?
den it wud be easy to fix
Dorian
@SimpliiD
Nov 29 2015 05:17
oh, in the function, not after
Pranav Doshi
@pranavdoshi
Nov 29 2015 05:17
@SimpliiD use ur functions dude as what @csundberg said we want to use it again and again
mmcspiritt
@mmcspiritt
Nov 29 2015 05:17
Cassandra Sundberg
@csundberg
Nov 29 2015 05:17
@SimpliiD yes.
mmcspiritt
@mmcspiritt
Nov 29 2015 05:17
I've never heard of codepen.
Pranav Doshi
@pranavdoshi
Nov 29 2015 05:18
so @mmcspiritt wat op u expect and its not happenening?
Robert Richey
@0x0936
Nov 29 2015 05:18
@SimpliiD and, reverseString is getting called by the testing program, don't define your own string to reverse, use the passed in argument str
mmcspiritt
@mmcspiritt
Nov 29 2015 05:18
I want the resume to be formatted to the page. @pranavdoshi
Pranav Doshi
@pranavdoshi
Nov 29 2015 05:18
??
output
mmcspiritt
@mmcspiritt
Nov 29 2015 05:19
Right now it only covers 197 pixels
Julie Myers
@BlueOceanView
Nov 29 2015 05:19
@mmcspiritt Sorry, I don't know bootstrap and hopefully never will. :P There is a feature in CSS called the cascade. If you have more then one CSS rules written for the same element, class or other selector there are rules that dictate which rule gets applied. It looks like your inline CSS in your object element is either being over written or ignored. And it could be a bootstrap thing...but I'm not sure since I haven't bothered learning bootstrap.
iccomq
@iccomq
Nov 29 2015 05:20
cascading style sheets are what they are becouse they are cascading, if any rule seems wrong just write another one but later and look if it helps anything
Pranav Doshi
@pranavdoshi
Nov 29 2015 05:21
height u mean @mmcspiritt
mmcspiritt
@mmcspiritt
Nov 29 2015 05:21
Correct
Dorian
@SimpliiD
Nov 29 2015 05:21
@pranavdoshi @csundberg @0x0936 Let me work on it a little, thanks for pointing me in the right direction.
CamperBot
@camperbot
Nov 29 2015 05:21
simpliid sends brownie points to @pranavdoshi and @csundberg and @0x0936 :sparkles: :thumbsup: :sparkles:
:star: 240 | @pranavdoshi | http://www.freecodecamp.com/pranavdoshi
:star: 412 | @0x0936 | http://www.freecodecamp.com/0x0936
:star: 209 | @csundberg | http://www.freecodecamp.com/csundberg
Cassandra Sundberg
@csundberg
Nov 29 2015 05:21
:)
Pranav Doshi
@pranavdoshi
Nov 29 2015 05:21
cool gimme sometime
@SimpliiD try figuring out
:)
iccomq
@iccomq
Nov 29 2015 05:21
@csundberg already embraced the lust for brownies
Robert Richey
@0x0936
Nov 29 2015 05:22
lol yep
Cassandra Sundberg
@csundberg
Nov 29 2015 05:22
at least these ones don't stick to my hips :)
iccomq
@iccomq
Nov 29 2015 05:22
well, its slippery slope!
they will, eventually!
mmcspiritt
@mmcspiritt
Nov 29 2015 05:22
I managed to get rid of the lovely woman. Still confused why the full resume is not shown. http://spirittwarranty.com/resume
Robert Richey
@0x0936
Nov 29 2015 05:22
img
Pranav Doshi
@pranavdoshi
Nov 29 2015 05:22
which element dude?? @mmcspiritt
Cassandra Sundberg
@csundberg
Nov 29 2015 05:23
It's something to do during the dinner break of the game
mmcspiritt
@mmcspiritt
Nov 29 2015 05:23
object
Cassandra Sundberg
@csundberg
Nov 29 2015 05:23
wow, brownie cake
Julie Myers
@BlueOceanView
Nov 29 2015 05:23
Yummm...brownie cake
iccomq
@iccomq
Nov 29 2015 05:23
id call it brownie tower, or castle
Cassandra Sundberg
@csundberg
Nov 29 2015 05:24
Indeed, castle.
iccomq
@iccomq
Nov 29 2015 05:24
cake is like, one entity
kosovish
@kosovish
Nov 29 2015 05:24
mouth.watering
Christian Neeley
@Chris6312
Nov 29 2015 05:24
@mmcspiritt in your content.css you need to add a height and width the size you want your resume, also get rid of the .content h1 since you are not using it and turn it into .content p instead
Cassandra Sundberg
@csundberg
Nov 29 2015 05:24
Its clearly the intent of someone required to have a wedding cake but only ever loved brownies
iccomq
@iccomq
Nov 29 2015 05:25
well, i guess! but just intent doesnt make a group of brownies a cake!
Christian Neeley
@Chris6312
Nov 29 2015 05:25
@mmcspiritt it should look like .content object {height: 600px; width: auto; }
mmcspiritt
@mmcspiritt
Nov 29 2015 05:25
Okay
Cassandra Sundberg
@csundberg
Nov 29 2015 05:25
@iccomq point taken!
iccomq
@iccomq
Nov 29 2015 05:25
but again, when you make a huge brownie, it would be a cake
Dorian
@SimpliiD
Nov 29 2015 05:26
Got it! Thanks all
Robert Richey
@0x0936
Nov 29 2015 05:26
@iccomq it's a brownie wedding cake. https://www.pinterest.com/explore/brownie-wedding-cakes/
@SimpliiD awesome!
iccomq
@iccomq
Nov 29 2015 05:26
read my really thoughtful response @0x0936 okey?
Cassandra Sundberg
@csundberg
Nov 29 2015 05:26
@0x0936 @iccomq I am going to take that as a win all around
@iccomq lol
iccomq
@iccomq
Nov 29 2015 05:26
a group of britons dont make usa
or they do
nevermind
Robert Richey
@0x0936
Nov 29 2015 05:27
@iccomq well, I thought you might also like to visit the link! :)
Julie Myers
@BlueOceanView
Nov 29 2015 05:27
that would be quakers, not britons.
iccomq
@iccomq
Nov 29 2015 05:27
not really
but okey
holy shit id like a brownie now
i know it would happen
all i got is beer and fish, and kielbasa
kosovish
@kosovish
Nov 29 2015 05:28
@iccomq not bad. think of what the children in Africa have...
iccomq
@iccomq
Nov 29 2015 05:28
rocks, they eat rocks
Julie Myers
@BlueOceanView
Nov 29 2015 05:28
@iccomq fry your fish in beer.
iccomq
@iccomq
Nov 29 2015 05:29
fish is already smoked man
Pranav Doshi
@pranavdoshi
Nov 29 2015 05:29
wats going on this guys
Julie Myers
@BlueOceanView
Nov 29 2015 05:29
@iccomq That's even better! Smoke fried beer fish.
kosovish
@kosovish
Nov 29 2015 05:29
@iccomq that was colder than my ex's heart.
Robert Richey
@0x0936
Nov 29 2015 05:29
last 5 min: fish, rocks, and cakes
Dorian
@SimpliiD
Nov 29 2015 05:30
Okay, actually, even though I did pass the challenge. I do have an exclamation point by line line 2 saying that the variable is undefined, is there a better way to do this:
function reverseString(str) {
  var str = str.split('').reverse().join('');
  return str;

}

reverseString("hello");
iccomq
@iccomq
Nov 29 2015 05:30
i need to research that, is already smoked fish good to reheat or "redo" in beer?
id never think about asking it in FCC
mmcspiritt
@mmcspiritt
Nov 29 2015 05:30
Still nothing, unfortunately
Dorian
@SimpliiD
Nov 29 2015 05:30
Correction, it says 'str' is already defined
Cassandra Sundberg
@csundberg
Nov 29 2015 05:30
@SimpliiD don't place var in front of it
iccomq
@iccomq
Nov 29 2015 05:31
should work ^
Michael Chandler
@MMChandler
Nov 29 2015 05:31
var str = "" above your function
Dorian
@SimpliiD
Nov 29 2015 05:31
oicic
Robert Richey
@0x0936
Nov 29 2015 05:31
@SimpliiD drop the var, or simply return the expression without assigning to a variable
Julie Myers
@BlueOceanView
Nov 29 2015 05:31
@iccomq LOL! I'm a terrible cook. My husband is the cook and he isn't sure if frying up smoked fish would even taste good.
Michael Chandler
@MMChandler
Nov 29 2015 05:31
@SimpliiD
Cassandra Sundberg
@csundberg
Nov 29 2015 05:31
@SimpliiD it already exists as it is defined in the function's definition
iccomq
@iccomq
Nov 29 2015 05:31
@BlueOceanView thats why im asking, it seems really sketchy to me..
im already reading a book about fish recipes...
and there is nothing about that i can tell you
kosovish
@kosovish
Nov 29 2015 05:32
yo dog i heard you like cooking, so let's get this cooked fish and cook it again
Cassandra Sundberg
@csundberg
Nov 29 2015 05:33
what @kosovish said :P
iccomq
@iccomq
Nov 29 2015 05:33
but there is one with grilled leek puree that im going to make
@BlueOceanView
it looks like heaven
Julie Myers
@BlueOceanView
Nov 29 2015 05:34
@iccomq Actually, the other night we took some smoked silver salmon and pan fried it in onions and oil for a while. It came out good but was pretty dry and a bit over done.
Michael Chandler
@MMChandler
Nov 29 2015 05:34
You could beer fry a smoked fish and use it to fish for a bigger fish, then smoke that fish and beer fry it.
kosovish
@kosovish
Nov 29 2015 05:34
mother of god. all this food sounds like the Ikea restaurant. No offense. BRING THE BACON CANNON!
iccomq
@iccomq
Nov 29 2015 05:34
ofcourse it will look like death, but hopefully it will taste like they make it too
Julie Myers
@BlueOceanView
Nov 29 2015 05:34
@iccomq sounds good.
Robert Richey
@0x0936
Nov 29 2015 05:34
img
kosovish
@kosovish
Nov 29 2015 05:34
(lol)
Michael Chandler
@MMChandler
Nov 29 2015 05:34
@0x0936 lol
iccomq
@iccomq
Nov 29 2015 05:34
yo dat true bruh
Julie Myers
@BlueOceanView
Nov 29 2015 05:35
@MMChandler ohhh..that sounds like fish canabalism.
iccomq
@iccomq
Nov 29 2015 05:35
i dont need to talk about borwnies all night right?
gotta some fishes and kielbasa
kosovish
@kosovish
Nov 29 2015 05:35
beer, smoked fiesh and kiebalska? needs more polandball
iccomq
@iccomq
Nov 29 2015 05:36
poland can into capitalism, we got mac donalds
Michael Chandler
@MMChandler
Nov 29 2015 05:36
@BlueOceanView I try not to judge the ethics of fish behavior.
Julie Myers
@BlueOceanView
Nov 29 2015 05:36
@iccomq Oh, I'm sorry. MacDonald's....
iccomq
@iccomq
Nov 29 2015 05:36
i am too
Julie Myers
@BlueOceanView
Nov 29 2015 05:36
@MMChandler That is very open minded of you :P
iccomq
@iccomq
Nov 29 2015 05:36
id like tacobell
they talk about it in interwebz so much
Julie Myers
@BlueOceanView
Nov 29 2015 05:37
@iccomq We call it Taco Hell. And Burger King, Burger Queen.
kosovish
@kosovish
Nov 29 2015 05:37
tacobell *NOPE
Michael Chandler
@MMChandler
Nov 29 2015 05:37
@iccomq Taco Bell is like road kill in a shell
iccomq
@iccomq
Nov 29 2015 05:37
BK is considered inferior to even polish fast foods here
Julie Myers
@BlueOceanView
Nov 29 2015 05:38
This message was deleted
iccomq
@iccomq
Nov 29 2015 05:38
i actually eat a lot of spicy stuff, i dont think itd hit me THAT hard
kosovish
@kosovish
Nov 29 2015 05:38
after I go to tacobell, my booty makes the same motion as my mouth when I spell explosivediarreah.
Julie Myers
@BlueOceanView
Nov 29 2015 05:38
The McDonalds mcrib sandwich has killed thousands of people...it's this big cover up by Mcdonalds.
kosovish
@kosovish
Nov 29 2015 05:39
legit mexican tacos down at Homestead are forealz
Michael Chandler
@MMChandler
Nov 29 2015 05:39
@kosovish Bahahah
iccomq
@iccomq
Nov 29 2015 05:39
we need to consider if we have anyone outside of da "house" eating a day to know if we can do our spicy stuff
polandballs are weak for spicy
kosovish
@kosovish
Nov 29 2015 05:39
spicy:good. tacobell:bad.
iccomq
@iccomq
Nov 29 2015 05:40
we order ghost peppers from usa actually!
Michael Chandler
@MMChandler
Nov 29 2015 05:40
Spooky
Julie Myers
@BlueOceanView
Nov 29 2015 05:40
@iccomq OMG! And you live after eating those ghost peppers??
iccomq
@iccomq
Nov 29 2015 05:40
and a few other, "crushed" pepper things my father orders
we dont eat them whole
just add to dinner and stuff
enough to make "usual"polandball scream though
Michael Chandler
@MMChandler
Nov 29 2015 05:41
Once ate a habenero on a bet. Sobered up real quick.
iccomq
@iccomq
Nov 29 2015 05:41
i crunched that ghost shit
oh boy
im not, some spicy hero, just my "home" kitchen made me appreciate it, my father was traveling a lot around the world and he started to make that fucked up dishes
that made it to our "usual" stuff
seanpull
@seanpull
Nov 29 2015 05:44
hey can someone help me out with one of the bonfires?
CamperBot
@camperbot
Nov 29 2015 05:44
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
iccomq
@iccomq
Nov 29 2015 05:44
the bad thing about that is, i actually appreciate less a lot of more subtle tastes
Cassandra Sundberg
@csundberg
Nov 29 2015 05:45
@seanpull which one?
Julie Myers
@BlueOceanView
Nov 29 2015 05:45
@seanpull Which bonfire? And what is your question?
iccomq
@iccomq
Nov 29 2015 05:45
but well, id take tacobell anyday for mac
seanpull
@seanpull
Nov 29 2015 05:45
Confirm the ending
so

function end(str, target) {
// "Never give up and good luck will find you."
// -- Falcor
if (str.substr(str.length-1) === target) {

return true;

}else {

return false;

}

return str;
}

end("Bastian", "n");

sorry for the formatting
Cassandra Sundberg
@csundberg
Nov 29 2015 05:46
aside: @seanpull
seanpull
@seanpull
Nov 29 2015 05:46
?
Cassandra Sundberg
@csundberg
Nov 29 2015 05:47
@seanpull if your answer is already going to return true or false (as it always does in an if-check) just return the expression
iccomq
@iccomq
Nov 29 2015 05:48
in other words you dont need to add else-false; am i rigt @csundberg ?
seanpull
@seanpull
Nov 29 2015 05:48
so the code works, but only in scenarios where the target is one character
Cassandra Sundberg
@csundberg
Nov 29 2015 05:48

@seanpull i.e. instead of

if (something)
{ 
    return true; 
}
else
{
   return false;
}

just say

return something;

it's more concise and easier to read.

@iccomq yes
Julie Myers
@BlueOceanView
Nov 29 2015 05:49
@seanpull Are you passing the test?
iccomq
@iccomq
Nov 29 2015 05:50
but also despite what if statement is returning, he also seems to return str otherwise
Cassandra Sundberg
@csundberg
Nov 29 2015 05:50
@iccomq that doesn't matter
@iccomq return statements jump out of the function so all statements afterward will not run
seanpull
@seanpull
Nov 29 2015 05:50
I'm only passing when the target is one character
Cassandra Sundberg
@csundberg
Nov 29 2015 05:50
@iccomq since he has an if/else one of those two MUST run
iccomq
@iccomq
Nov 29 2015 05:50
@csundberg you are right
so that return on the end is actually for "nothing"
Cassandra Sundberg
@csundberg
Nov 29 2015 05:51
indeed
@seanpull you are only ever checking the last character
@seanpull you can check more characters by changing the parameters you pass in.
Julie Myers
@BlueOceanView
Nov 29 2015 05:52
@csundberg The bonfire has him checking strings that are two or more characters long.
Cassandra Sundberg
@csundberg
Nov 29 2015 05:52
the link they provided has the details on using two parameters which is helpful here.
Julie Myers
@BlueOceanView
Nov 29 2015 05:53
@seanpull May I suggest that you go to developer.mozilla.org and check out all the methods for the string object?
Cassandra Sundberg
@csundberg
Nov 29 2015 05:53
( @BlueOceanView I've done this one :P )
iccomq
@iccomq
Nov 29 2015 05:54
@BlueOceanView i think he should look a liitle more closely into a few of them, not all, those articles are pretty in-depth
Julie Myers
@BlueOceanView
Nov 29 2015 05:54
@csundberg Cool.
@iccomq true. I usually scan them to see which one(s) fit my needs.
iccomq
@iccomq
Nov 29 2015 05:55
well, everyone should study all of them but for exercise. well, you want to progress for point you know
which bonfire it is?
Cassandra Sundberg
@csundberg
Nov 29 2015 05:55
@seanpull let me know if you want more hints/explanations
he is working on the bonfire confirm the ending
hi cbot
cbot hi
CamperBot
@camperbot
Nov 29 2015 05:56
you called?
Cassandra Sundberg
@csundberg
Nov 29 2015 05:56
bonfire confirm the ending
CamperBot
@camperbot
Nov 29 2015 05:56

:fire:Bonfire: Confirm the Ending :link:

function end(str, target) {
  // "Never give up and good luck will find you."
  // -- Falcor
  return str;
}

end('Bastian', 'n');

Check if a string (first argument) ends with the given target string (second argument).

more info:  bf details | bf links | hint

iccomq
@iccomq
Nov 29 2015 05:57
id hint even more to look into .substring .substr methods @seanpull
seanpull
@seanpull
Nov 29 2015 05:57
did you read my code? @iccomq
Cassandra Sundberg
@csundberg
Nov 29 2015 05:57
@iccomq I linked him; it is the first thing explaining the params
seanpull
@seanpull
Nov 29 2015 05:57
I'm using the substr method
Cassandra Sundberg
@csundberg
Nov 29 2015 05:58
you are best using negative values and both params.
iccomq
@iccomq
Nov 29 2015 05:58
well, kill me, i was operating on advices that went through @csundberg and @BlueOceanView
not really read the code, lemme look
first of all add ``` at the beginig, break add code and then
break and add ```
Cassandra Sundberg
@csundberg
Nov 29 2015 05:59
This message was deleted
mmcspiritt
@mmcspiritt
Nov 29 2015 06:00
Can someone please help me stretch an object so it is fully shown on an HTML bootstrapped page?
iccomq
@iccomq
Nov 29 2015 06:01
well, you need to specify the lenghth of target and use it "properly" in substring @seanpull
Christian Neeley
@Chris6312
Nov 29 2015 06:01
@mmcspiritt what's the website again?
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 06:02
@mmcspiritt you want it full width of the viewport? Or full height?
mmcspiritt
@mmcspiritt
Nov 29 2015 06:02
full height. The width is fine right now.
iccomq
@iccomq
Nov 29 2015 06:02
@seanpull i dont really want to give you ready answer for it,
seanpull
@seanpull
Nov 29 2015 06:03
@iccomq I never asked for the answer
iccomq
@iccomq
Nov 29 2015 06:04
well look you need to substring the target length from the string lenght and then check if its the target right?
nope im wrong but not deleting message
you need tosubstract it and put result as an argument for substring,
the other argument would be the length of the main thing
Robert Richey
@0x0936
Nov 29 2015 06:09
@seanpull how might you get the last letter of a string, using substr, and without knowing the length of the string?
Christian Neeley
@Chris6312
Nov 29 2015 06:09
@mmcspiritt in content.css add .container object{height: 940px;} this will show the whole resume without vertical scrollbars
iccomq
@iccomq
Nov 29 2015 06:09
if anyone can be more vague while explaining , welcome
Pranav Doshi
@pranavdoshi
Nov 29 2015 06:09
@mmcspiritt dude we all are confused but its exciting and trying to find out
iccomq
@iccomq
Nov 29 2015 06:11
@0x0936 im still looking through those brownie cakes you know...
Cassandra Sundberg
@csundberg
Nov 29 2015 06:11
more simply @seanpull , do you know how to use the second parameter (also known as argument)?
Robert Richey
@0x0936
Nov 29 2015 06:11
@iccomq :)
iccomq
@iccomq
Nov 29 2015 06:12
also tomorrow is the day im going to become css yooda
watch my words
Cassandra Sundberg
@csundberg
Nov 29 2015 06:12
mark?
iccomq
@iccomq
Nov 29 2015 06:12
and call me on my bullshit
Cassandra Sundberg
@csundberg
Nov 29 2015 06:12
or watch?
ah, ha
Robert Richey
@0x0936
Nov 29 2015 06:13
@iccomq pre-grats!
iccomq
@iccomq
Nov 29 2015 06:13
i love them pre-grats
seanpull
@seanpull
Nov 29 2015 06:13
@0x0936 str.length?
wait
Cassandra Sundberg
@csundberg
Nov 29 2015 06:13
no can do. You'll have to do some baking to get those brownies @iccomq !
iccomq
@iccomq
Nov 29 2015 06:14
;_;
Chris Eisenbraun
@chriseisenbraun
Nov 29 2015 06:14
@mmcspiritt - If you ( or anyone want )s a great tool for quickly trouble shooting CSS layout - I suggest this... It's saved me many hours... - https://chrome.google.com/webstore/detail/pesticide-for-chrome/bblbgcheenepgnnajgfpiicnbbdmmooh?hl=en-US
seanpull
@seanpull
Nov 29 2015 06:15
@0x0936 I did that. (str.substr(str.length - 1))
Cassandra Sundberg
@csundberg
Nov 29 2015 06:15
@seanpull it represents how big the sub string is. for instance:
var str = "cupcake";
var sub = str.substr(str.length-1);  // sub is now "e"
seanpull
@seanpull
Nov 29 2015 06:15
yes I did that
Robert Richey
@0x0936
Nov 29 2015 06:15
@seanpull without using length
iccomq
@iccomq
Nov 29 2015 06:15
This message was deleted
seanpull
@seanpull
Nov 29 2015 06:16
I don't know
Cassandra Sundberg
@csundberg
Nov 29 2015 06:16
@seanpull using the second parameter I can grab more:
var str = "cupcake";
var sub = str.substr(3, 4);// starting at index 3, grab 4 characters: I get cake
mmcspiritt
@mmcspiritt
Nov 29 2015 06:17
thank you @chriseisenbraun @Chris6312 @pranavdoshi Chris Eisenbraun managed to solve the problem
CamperBot
@camperbot
Nov 29 2015 06:17
mmcspiritt sends brownie points to @chriseisenbraun and @chris6312 and @pranavdoshi :sparkles: :thumbsup: :sparkles:
:star: 241 | @pranavdoshi | http://www.freecodecamp.com/pranavdoshi
:star: 95 | @chriseisenbraun | http://www.freecodecamp.com/chriseisenbraun
:star: 76 | @chris6312 | http://www.freecodecamp.com/chris6312
Robert Richey
@0x0936
Nov 29 2015 06:17
@seanpull String.prototype.substr() under Description heading, third paragraph is what I'm getting at. You can pass a negative value to substr() to count from the end of a string
iccomq
@iccomq
Nov 29 2015 06:17
@seanpull take a moment back from a problem. look throgh mozilladev https://developer.mozilla.org/pl/docs/Web/JavaScript/Referencje/Obiekty/String/substring
and watch for second argument
closely, how can it help you
Robert Richey
@0x0936
Nov 29 2015 06:17
@seanpull 'computer'.substr(-1) === 'r'
Cassandra Sundberg
@csundberg
Nov 29 2015 06:18
@seanpull using what @0x0936 just said, and that you can pull a number of characters from the string...
@seanpull ... can you confirm the ending?
IndianUltra
@IndianUltra
Nov 29 2015 06:20
Hey! can someone help me with a problem?
Cassandra Sundberg
@csundberg
Nov 29 2015 06:20
@IndianUltra which?
iccomq
@iccomq
Nov 29 2015 06:20
@IndianUltra sure
seanpull
@seanpull
Nov 29 2015 06:20
@csundberg no I don't get it. I changed my code to this and it's not working
IndianUltra
@IndianUltra
Nov 29 2015 06:20
The inline style waypoint
<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>
seanpull
@seanpull
Nov 29 2015 06:21

````function end(str, target) {
// "Never give up and good luck will find you."
// -- Falcor
if (str.substr(-1, 4) === target) {

return true;

}else {

return false;

}

}

end("Bastian", "n");

Cassandra Sundberg
@csundberg
Nov 29 2015 06:21
@seanpull to what? can you link or include it?
seanpull
@seanpull
Nov 29 2015 06:21

```function end(str, target) {
// "Never give up and good luck will find you."
// -- Falcor
if (str.substr(-1, 4) === target) {

return true;

}else {

return false;

}

}

end("Bastian", "n");

okay I don't get this formatting either
iccomq
@iccomq
Nov 29 2015 06:21
@seanpull but what if target is longer or shorter?
IndianUltra
@IndianUltra
Nov 29 2015 06:21
The tutorial said to "Give your h1 element the inline style of color: white."
Cassandra Sundberg
@csundberg
Nov 29 2015 06:22
@seanpull you need to make it generic; because you don't know if you are confirming "cake" "batman" or "ing"
@seanpull you have to accommodate all of these cases based on the situation you have; you need to inspect the parameters you are passed to make it work in more than one case
mmcspiritt
@mmcspiritt
Nov 29 2015 06:22
thanks once again @chriseisenbraun
CamperBot
@camperbot
Nov 29 2015 06:22
mmcspiritt sends brownie points to @chriseisenbraun :sparkles: :thumbsup: :sparkles:
:warning: mmcspiritt already gave chriseisenbraun points
iccomq
@iccomq
Nov 29 2015 06:23
@IndianUltra the exercise is about teaching how "cascading" style sheets are cascading, try to post whole code.
Robert Richey
@0x0936
Nov 29 2015 06:23
@seanpull you want to match the end of str with target. so, target.length will be useful somewhere in your code
Cassandra Sundberg
@csundberg
Nov 29 2015 06:23
@seanpull (kind of like you were with the initial instinct to use str.length in the first place)
IndianUltra
@IndianUltra
Nov 29 2015 06:23

Here you go <style>
body {
background-color: black;
font-family: Monospace;
color: green;
}

orange-text {

color: orange;

}
.pink-text {
color: pink;
}
.blue-text {
color: blue;
}
</style>

<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>

raw1211
@raw1211
Nov 29 2015 06:23
@iccomq still helping... :clap:
iccomq
@iccomq
Nov 29 2015 06:23
@raw1211 atleast tryin :)
how are you man
new avatar!
Cassandra Sundberg
@csundberg
Nov 29 2015 06:24
@IndianUltra need the . in front of orange-text when defining the class in the <style></style>
raw1211
@raw1211
Nov 29 2015 06:24
just woke up...
Michael Chandler
@MMChandler
Nov 29 2015 06:24
@IndianUltra Needs a semicolon after white
raw1211
@raw1211
Nov 29 2015 06:24
slept late
IndianUltra
@IndianUltra
Nov 29 2015 06:24
@MMChandler doesn't work even after the ;
iccomq
@iccomq
Nov 29 2015 06:24
@raw1211 you see how people are better at geting brownies?
seanpull
@seanpull
Nov 29 2015 06:24
okay I thought I was close but I just have no idea what to do now
IndianUltra
@IndianUltra
Nov 29 2015 06:25
@csundberg tried it but it didn't work
iccomq
@iccomq
Nov 29 2015 06:25
@csundberg was a brownie rookie earlier today, now is killing for them
IndianUltra
@IndianUltra
Nov 29 2015 06:25
i'll show you the error
Christian Neeley
@Chris6312
Nov 29 2015 06:25
@IndianUltra inline doesn't need a ; but yes you should have a .orange-text in style not orange-text