These are chat archives for FreeCodeCamp/Help

30th
Oct 2017
Stephen James
@sjames1958gm
Oct 30 2017 00:05
@alpox lol - yes :)
Ken Haduch
@khaduch
Oct 30 2017 00:28
@heroiczero re: :point_up: October 29, 2017 5:29 AM -thank you, too... glad to have you aboard!
@heroiczero - thanks - is campbot down?
CamperBot
@camperbot
Oct 30 2017 00:30
khaduch sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1971 | @heroiczero |http://www.freecodecamp.com/heroiczero
Ken Haduch
@khaduch
Oct 30 2017 00:31
maybe it just didn't like my first comment...
Darren
@DarrenfJ
Oct 30 2017 02:00
evening fCC..
just popped in to give kudos to the regulars who come in and help out
Ismail Hozain
@ismailhozain
Oct 30 2017 02:01
hey guys i need some help with my JS calculator
Darren
@DarrenfJ
Oct 30 2017 02:01
thanks @khaduch @sjames1958gm @Manish-Giri @GitHub-Henry @korzo @heroiczero @thekholm80 @alexanderkopke
CamperBot
@camperbot
Oct 30 2017 02:01
darrenfj sends brownie points to @khaduch and @sjames1958gm and @manish-giri and @github-henry and @korzo and @heroiczero and @thekholm80 and @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1550 | @thekholm80 |http://www.freecodecamp.com/thekholm80
:star2: 1972 | @heroiczero |http://www.freecodecamp.com/heroiczero
:star2: 8629 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
:cookie: 433 | @github-henry |http://www.freecodecamp.com/github-henry
:star2: 3431 | @khaduch |http://www.freecodecamp.com/khaduch
:cookie: 701 | @korzo |http://www.freecodecamp.com/korzo
:star2: 1687 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
:star2: 6720 | @manish-giri |http://www.freecodecamp.com/manish-giri
Darren
@DarrenfJ
Oct 30 2017 02:01
much thanks for their continued service :)
Ismail Hozain
@ismailhozain
Oct 30 2017 02:02
my issue is that i set up the buttons but do not know what to do next
sorry wrong chat
Ken Haduch
@khaduch
Oct 30 2017 02:05
@DarrenfJ - and thanks to you, as well - for keeping this chat room alive and participating in helping!
CamperBot
@camperbot
Oct 30 2017 02:05
khaduch sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 2203 | @darrenfj |http://www.freecodecamp.com/darrenfj
Anthony DeSordi
@desordi3
Oct 30 2017 02:14
can someone eli5 what Node.js exactly is? a backend language?
Ken Haduch
@khaduch
Oct 30 2017 02:17
@desordi3 - yes, it is a backend language or system (perhaps that's a better term) that uses javascript code to run the backend processes, so that you can have the same code running on frontend and backend.
@desordi3 - you can read the documentation here https://nodejs.org/en/ and here on wikipedia
Anthony DeSordi
@desordi3
Oct 30 2017 02:24
@khaduch Hey Ken thanks a lot! So basically its a backend language without actually being a new language at all, using same old javascript code
CamperBot
@camperbot
Oct 30 2017 02:24
desordi3 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3432 | @khaduch |http://www.freecodecamp.com/khaduch
Ken Haduch
@khaduch
Oct 30 2017 02:31
@desordi3 - I think of it as a backend system (but also a front-end system) that uses javascript, but has a lot of tools to facilitate usage of plugins and libraries to do various tasks. More of an "ecosystem" build on JS and a particular webserver implementation or style of implementation. The wikipedia article that I linked is good to read through. It gives a good overview of Node.js and how it is used.
Anthony DeSordi
@desordi3
Oct 30 2017 02:35
Sounds good. that was a great explanation, thank you
korzo
@korzo
Oct 30 2017 02:52
@DarrenfJ Hi and thanks
CamperBot
@camperbot
Oct 30 2017 02:52
korzo sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 2204 | @darrenfj |http://www.freecodecamp.com/darrenfj
Bhoomi Khanderia
@bhoomikhanderia
Oct 30 2017 02:57
@faraco : I saw the source code. But the animation is in .js file I guess. I am not sure how to implement it
Tranbin Lee
@TranbinLee
Oct 30 2017 03:07
Hello anybody in ther?
artbohr
@artbohr
Oct 30 2017 03:25
@TranbinLee what is up?
Tranbin Lee
@TranbinLee
Oct 30 2017 03:29
我有一个问题
Fabien SHAN
@X140hu4
Oct 30 2017 03:50
@TranbinLee 去那儿问吧 https://gitter.im/FreeCodeCamp/chinese
@TranbinLee 如果你先问这里的话请用英语
heroiczero
@heroiczero
Oct 30 2017 04:00
@khaduch @alexanderkopke @GitHub-Henry @Manish-Giri @thekholm80 @daddycardona @korzo @longnt80 @sjames1958gm @DarrenfJ @alpox TY for the regular guys. :)
CamperBot
@camperbot
Oct 30 2017 04:00
heroiczero sends brownie points to @khaduch and @alexanderkopke and @github-henry and @manish-giri and @thekholm80 and @daddycardona and @korzo and @longnt80 and @sjames1958gm and @darrenfj and @alpox :sparkles: :thumbsup: :sparkles:
:star2: 1688 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
:star2: 3434 | @khaduch |http://www.freecodecamp.com/khaduch
:star2: 1551 | @thekholm80 |http://www.freecodecamp.com/thekholm80
:cookie: 433 | @daddycardona |http://www.freecodecamp.com/daddycardona
:cookie: 434 | @github-henry |http://www.freecodecamp.com/github-henry
:cookie: 702 | @korzo |http://www.freecodecamp.com/korzo
:star2: 8630 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
:star2: 1418 | @alpox |http://www.freecodecamp.com/alpox
:star2: 6721 | @manish-giri |http://www.freecodecamp.com/manish-giri
:cookie: 623 | @longnt80 |http://www.freecodecamp.com/longnt80
:star2: 2205 | @darrenfj |http://www.freecodecamp.com/darrenfj
Kyle Holm
@thekholm80
Oct 30 2017 04:00
@heroiczero thanks!
CamperBot
@camperbot
Oct 30 2017 04:00
thekholm80 sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1973 | @heroiczero |http://www.freecodecamp.com/heroiczero
Kyle Holm
@thekholm80
Oct 30 2017 04:00
and ty @Manish-Giri & @DarrenfJ
CamperBot
@camperbot
Oct 30 2017 04:00
thekholm80 sends brownie points to @manish-giri and @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 2206 | @darrenfj |http://www.freecodecamp.com/darrenfj
:star2: 6722 | @manish-giri |http://www.freecodecamp.com/manish-giri
Henry
@GitHub-Henry
Oct 30 2017 05:14
@heroiczero @DarrenfJ Hello and thank you
CamperBot
@camperbot
Oct 30 2017 05:14
github-henry sends brownie points to @heroiczero and @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1975 | @heroiczero |http://www.freecodecamp.com/heroiczero
:star2: 2207 | @darrenfj |http://www.freecodecamp.com/darrenfj
Chris Cullen
@123xylem
Oct 30 2017 06:20

Hey Guys!
http://kde.vjh.mybluehost.me/

Quick Design Question:
Can someone help me get the Vision Msonry Logo under the Hero Image to be aligned centrally?
I have had to add a margin to it as there appears to be a margin already pushing it off center.. But when the screen size changes the margin goes wrong...
Please Help me centralize the Vision Masonry Logo under the main hero banner!

Long Nguyen
@longnt80
Oct 30 2017 06:26
@123xylem wordpress?
Chris Cullen
@123xylem
Oct 30 2017 06:26
Yes @longnt80
Long Nguyen
@longnt80
Oct 30 2017 06:26
what do you use to layout the content?
first, remove the margin-left and margin-right on the img tag
are you using a page/layout builder?
Long Nguyen
@longnt80
Oct 30 2017 06:39
@123xylem
Chris Cullen
@123xylem
Oct 30 2017 06:40
@longnt80 yes page biuilder
@longnt80 when I didnt add margin it auto went to the right as I think the page automatically has some left margin
Long Nguyen
@longnt80
Oct 30 2017 06:41
@123xylem how do you add the margin?
with custom css?
@123xylem I inspected your code, and this is what I saw: <img style="margin-left: 27%; margin-right: 23%;" .....
Chris Cullen
@123xylem
Oct 30 2017 06:43
@longnt80 yea a bit of a mess
Long Nguyen
@longnt80
Oct 30 2017 06:44
how did you add it?
@123xylem I think you should remove the custom css
Chris Cullen
@123xylem
Oct 30 2017 06:44
@longnt80 just inline css
Long Nguyen
@longnt80
Oct 30 2017 06:45
and use the layout options in the page builder
maybe it has text align option
Chris Cullen
@123xylem
Oct 30 2017 06:45
@longnt80 The image was added as part of the text widget.. I dont think it had a align option but I could add it to a image widget or something
Long Nguyen
@longnt80
Oct 30 2017 06:46
@123xylem this is in your code: <div style="text-align: left;" data-title-color="#443f3f" data-headings-color="#443f3f" class="panel-widget-style panel-widget-style-for-80-0-0-0">
I think that is the widget?
if you can change text-align to "center", maybe it would work
Chris Cullen
@123xylem
Oct 30 2017 06:49
@longnt80 interesting...
Long Nguyen
@longnt80
Oct 30 2017 06:51
@123xylem basically, to center that image, you need to add the css for the parent container of that image
Chris Cullen
@123xylem
Oct 30 2017 06:52
@longnt80 Thanks man...
CamperBot
@camperbot
Oct 30 2017 06:52
123xylem sends brownie points to @longnt80 :sparkles: :thumbsup: :sparkles:
:cookie: 625 | @longnt80 |http://www.freecodecamp.com/longnt80
Chris Cullen
@123xylem
Oct 30 2017 06:52
@123xylem you found and fixed it :)
@longnt80 my content alignment of the widget was set to left
Henry
@GitHub-Henry
Oct 30 2017 06:52
@longnt80 :thumbsup: doing yeoman's work
Long Nguyen
@longnt80
Oct 30 2017 06:52
@123xylem :+1:
@GitHub-Henry :D
Rajan
@ProgramNovice
Oct 30 2017 08:53
Hi guys
I have a doubt to ask you all
is the term "HTML Program Code" correct to refer to the lines of HTML code? Or should it be called "HTML file" or "HTML document"?
alpox
@alpox
Oct 30 2017 09:15
@ProgramNovice HTML file and HTML document are both fine
HTML Program Code not, because html is no Program Code, its a markup language
Rajan
@ProgramNovice
Oct 30 2017 09:16
@alpox Oh ok thanks :)
CamperBot
@camperbot
Oct 30 2017 09:16
programnovice sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:star2: 1419 | @alpox |http://www.freecodecamp.com/alpox
Darren
@DarrenfJ
Oct 30 2017 14:50
morning fCC
@adeelibr I love CSS-tricks for tips and tricks.. I think i used it as reference for the scrolling on my portfolio: https://css-tricks.com/snippets/jquery/smooth-scrolling/
pocahontas123
@pocahontas123
Oct 30 2017 15:05
Hello, i have a simple question regarding object and javascript. Does Dog.prototype = Object.create(Animal.prototype); DO EQUAL TO inherits(Dog, Animal); ? THANKS
Ken Haduch
@khaduch
Oct 30 2017 15:25
@DarrenfJ - good morning - that's a great tip for the CSS-tricks site - lots of good information there. Thanks for posting it!
CamperBot
@camperbot
Oct 30 2017 15:25
khaduch sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 2208 | @darrenfj |http://www.freecodecamp.com/darrenfj
Ken Haduch
@khaduch
Oct 30 2017 15:25
@heroiczero - thank you for your continued participation here on the chats - have a great day!
CamperBot
@camperbot
Oct 30 2017 15:25
khaduch sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1977 | @heroiczero |http://www.freecodecamp.com/heroiczero
summer
@Wxy555
Oct 30 2017 15:57
.
gishy1
@gishy1
Oct 30 2017 17:22
@sjames1958gm ya city look unstoppable, I ended up looking up videos on youtube for the truncate and i feel like sh*t :worried:
alpox
@alpox
Oct 30 2017 17:24
@gishy1 still troubles? What have you got?
gishy1
@gishy1
Oct 30 2017 17:24
its confusing got frustrated and ended up
looking on yt
alpox
@alpox
Oct 30 2017 17:24
But you have a solution now?
Stephen James
@sjames1958gm
Oct 30 2017 17:26
@gishy1 IMO, one of the hardest parts of programming is to take natural language text (english in this example)
and translate to code.
gishy1
@gishy1
Oct 30 2017 17:26
i didnt want to bro but it was really driving me mad
Alex
@alexandrupintilei
Oct 30 2017 17:43
image.png
Is that a good course?
David Chen
@Obiwan777
Oct 30 2017 20:52
@rahsheen
here is the css code
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
    margin-left:460px;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
    z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 8em;
    float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
    left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
    width: 8.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
    position: absolute;
    margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
    left: auto;
    top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
    border:0px;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
    display:block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    color:steelblue;
    text-decoration: none;
    font-family:"Segoe UI Light";
    }
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
    background-color:steelblue;
    color: #FFF;
    font-family: "Segoe UI Light";
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
    background-image: images/background.;
    color: #FFF;
}
Justin Bruystens
@Luckyscar
Oct 30 2017 21:48
So I think I just finished the first freecodecamp challenge (build a tribute challenge) I'm afraid to submit it though in case I messed up somehow.
Kaz Baig
@kbaig
Oct 30 2017 21:52
@Luckyscar You can always go back and change it before redeeming the certificate
Justin Bruystens
@Luckyscar
Oct 30 2017 21:53
That's good to know, thank you :)
Manish Giri
@Manish-Giri
Oct 30 2017 23:02
@heroiczero @DarrenfJ @khaduch @thekholm80 @GitHub-Henry @daddycardona @korzo @Marmiz and anyone else I missed, ty
CamperBot
@camperbot
Oct 30 2017 23:02
manish-giri sends brownie points to @heroiczero and @darrenfj and @khaduch and @thekholm80 and @github-henry and @daddycardona and @korzo and @marmiz :sparkles: :thumbsup: :sparkles:
:star2: 1552 | @thekholm80 |http://www.freecodecamp.com/thekholm80
:star2: 3435 | @khaduch |http://www.freecodecamp.com/khaduch
:cookie: 434 | @daddycardona |http://www.freecodecamp.com/daddycardona
:star2: 1978 | @heroiczero |http://www.freecodecamp.com/heroiczero
:star2: 2209 | @darrenfj |http://www.freecodecamp.com/darrenfj
:star2: 1066 | @marmiz |http://www.freecodecamp.com/marmiz
:cookie: 435 | @github-henry |http://www.freecodecamp.com/github-henry
:cookie: 704 | @korzo |http://www.freecodecamp.com/korzo