These are chat archives for FreeCodeCamp/HelpFrontEnd

19th
Nov 2017
Marc
@MWBauer
Nov 19 2017 00:23
Everyone here?
Tom
@moT01
Nov 19 2017 00:34
@MWBauer
Marc
@MWBauer
Nov 19 2017 00:39
Hiya Tom
How ya' doin'?
Tom
@moT01
Nov 19 2017 00:40
fin
e
how you doin
Marc
@MWBauer
Nov 19 2017 00:40
I'm ok.
Working on the weather app
Tom
@moT01
Nov 19 2017 00:41
and hows it goin?
Marc
@MWBauer
Nov 19 2017 00:41
trying to find how to put the weather and the button on top of the background.
I have the api working so the background is set.
Tom
@moT01
Nov 19 2017 00:42
on top of the background...
the background of what
if you make it the background of the <body> everything else should be on top
using the css background property
Marc
@MWBauer
Nov 19 2017 00:43
the navigator.geolocation gets your GPS and tells you what the weather is. Then uses that to make the background change
Tom
@moT01
Nov 19 2017 00:43
or maybe you can set the z-index property of some of the items
either of those options help/make sense?
that's what i would do
Marc
@MWBauer
Nov 19 2017 00:50
i'm looking into it.
Ken Haduch
@khaduch
Nov 19 2017 01:57
I would think that the background image would always be in the background? Maybe add it to the body instead of the HTML?
Randy
@rdavidson3
Nov 19 2017 03:54
Hello can I ask someone a quick question? I am trying to create an inline-block, but it is not working
Ken Haduch
@khaduch
Nov 19 2017 03:56
@rdavidson3 - post your URL, we'll take a look!
Thanks!
Ken Haduch
@khaduch
Nov 19 2017 04:01
@rdavidson3 - well, that box1 is what you're trying to add? It is the only thing on that row of the page, the <h2> element before it is display:block so the inline-block of the next div starts on a new "row" of the output. If you put two divs together after that h2, make both have the class of box1, it should probably work. Oh - this is also a problem - you have to write the CSS selector for your class as .box1 in order for it to apply to those divs... So put a second div with class="box1" and add the . to .box1 in the CSS panel, and it should display two divs side by side. Add some content in the div so they show up. Oh, and if you want the divs to show up, use background-color for the color so that the entire box will be filled...
Randy
@rdavidson3
Nov 19 2017 04:06
that makes so much sense lol. And it totally worked Thanks @khaduch
CamperBot
@camperbot
Nov 19 2017 04:06
rdavidson3 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3513 | @khaduch |http://www.freecodecamp.org/khaduch
Ken Haduch
@khaduch
Nov 19 2017 04:08
@rdavidson3 :+1: You're welcome!
Quantomistro3178
@Quantomistro3178
Nov 19 2017 08:26
Guys, can someone run my Portfolio Webpage code locally and test it to see if the result is the same as it is on codepen?
because when i try it locally, the colors are completely different from the way they are in codepen
Henry
@GitHub-Henry
Nov 19 2017 08:49
@Quantomistro3178 can you show pic of local colors
preferably side by side with code pen
A_A
@Otto-AA
Nov 19 2017 09:00
image.png
@Quantomistro3178 Seems the same for me (using Firefox)
Quantomistro3178
@Quantomistro3178
Nov 19 2017 09:02
image.png
thats chrome
Henry
@GitHub-Henry
Nov 19 2017 09:05
@Quantomistro3178 not only color, but also font. i think your local is not using he same css as the code pen. please verify the same css is being used by both
Quantomistro3178
@Quantomistro3178
Nov 19 2017 09:06
@GitHub-Heny
wait
A_A
@Otto-AA
Nov 19 2017 09:08
@Quantomistro3178 In the right bottom corner of codepen there is an export button. Use that one and it should work :)
Quantomistro3178
@Quantomistro3178
Nov 19 2017 09:08
image.png
@GitHub-Henry if you're referring to the external css, I copied the CDN links that I put in codepen.
@Otto-AA do i export it as .zip?
A_A
@Otto-AA
Nov 19 2017 09:10
Yeah, and then open the html file
Quantomistro3178
@Quantomistro3178
Nov 19 2017 09:11
@Otto-AA huh. it actually does work.
Henry
@GitHub-Henry
Nov 19 2017 09:12
@Quantomistro3178 so codepen and local match?
Quantomistro3178
@Quantomistro3178
Nov 19 2017 09:12
@GitHub-Henry Yeah, when I export it from codepen. Even though the code still looks the same....
Henry
@GitHub-Henry
Nov 19 2017 09:13
@Quantomistro3178 :+1:
Quantomistro3178
@Quantomistro3178
Nov 19 2017 09:15
@GitHub-Henry But the colors are still mixed up when I run the code on chrome through notepad++. oh well.
i'm probably overlooking some obvious mistake.....
Henry
@GitHub-Henry
Nov 19 2017 09:17
@Quantomistro3178 css must be different, check each line to find the difference
A_A
@Otto-AA
Nov 19 2017 09:21
Or use an online difference tool ^^
Quantomistro3178
@Quantomistro3178
Nov 19 2017 09:22
@GitHub-Henry I literally CTRL-C/CTRL-V'd both the html and css from codepen
A_A
@Otto-AA
Nov 19 2017 09:22
@Quantomistro3178 Also the linkings of the settings (as in your screenshot?)
@Quantomistro3178 https://text-compare.com/
Quantomistro3178
@Quantomistro3178
Nov 19 2017 09:24
I either made a mistake with the links, or its just my browser. Or maybe its notepad++. is that possible?
Henry
@GitHub-Henry
Nov 19 2017 09:25
@Quantomistro3178 try using the text-compare.com tool, there should be a difference
A_A
@Otto-AA
Nov 19 2017 09:26
@Quantomistro3178 Notepad++ only tells the browser to open. Similar to clicking on a link or double-clicking your local file
Quantomistro3178
@Quantomistro3178
Nov 19 2017 09:27
@GitHub-Henry Its ok. I've been holding off the portfolio project for a few months already, I don't wanna get back too deep into it just now. I'll finish it when I have more free time.
Henry
@GitHub-Henry
Nov 19 2017 09:29
@Quantomistro3178 i think the portfolio should be one of the LAST projects. you will have more skills to produce a better portfolio, also you will have completed projects to put into your portfolio. so, in my thinking, better later than sooner
Quantomistro3178
@Quantomistro3178
Nov 19 2017 09:30
I was just curious about how the code was running differently locally than on codepen
Henry
@GitHub-Henry
Nov 19 2017 09:31
@Quantomistro3178, @Otto-AA showed they looked the same, they are different cuz the css is different in your version
Quantomistro3178
@Quantomistro3178
Nov 19 2017 09:32
@GitHub-Henry very true about the portfolio project being the last.
@GitHub-Henry yeah, I understand now.
Henry
@GitHub-Henry
Nov 19 2017 09:33
@Quantomistro3178 i'm sure you'll see the error after you get back to it, :+1:
Quantomistro3178
@Quantomistro3178
Nov 19 2017 09:35
hope so
@GitHub-Henry I was wondering, if I <h1> and don't define the size myself, will the font change according to screen size?
Henry
@GitHub-Henry
Nov 19 2017 09:37
@Quantomistro3178 tools like text-compare.com will help you
depends, you can define h1 by pixel or by units that change based on size
Quantomistro3178
@Quantomistro3178
Nov 19 2017 09:39
ohhh.
Quantomistro3178
@Quantomistro3178
Nov 19 2017 09:40
thanks @GitHub-Henry
CamperBot
@camperbot
Nov 19 2017 09:40
quantomistro3178 sends brownie points to @github-henry :sparkles: :thumbsup: :sparkles:
:cookie: 490 | @github-henry |http://www.freecodecamp.org/github-henry
Quantomistro3178
@Quantomistro3178
Nov 19 2017 09:40
oh and thank you @Otto-AA as well
CamperBot
@camperbot
Nov 19 2017 09:40
quantomistro3178 sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:cookie: 388 | @otto-aa |http://www.freecodecamp.org/otto-aa
Quantomistro3178
@Quantomistro3178
Nov 19 2017 09:41
what do brownie points do?
Henry
@GitHub-Henry
Nov 19 2017 09:43
@Quantomistro3178 just make some folks feel good about getting them, not much else
@Otto-AA appreciate your input, thanks, :shipit: :dizzy:
CamperBot
@camperbot
Nov 19 2017 09:44
github-henry sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:cookie: 389 | @otto-aa |http://www.freecodecamp.org/otto-aa
A_A
@Otto-AA
Nov 19 2017 09:45
@GitHub-Henry Cookies!!! Thanks =D
Bartek Lewandowski
@Jabarlew
Nov 19 2017 12:36
is there anyone who can explain me one thing (js functions) and help with 1 thing on priv chat ? keep in mind that you will deal with moron .....
A_A
@Otto-AA
Nov 19 2017 13:13
@Jabarlew Maybe, give it a try :)
Bartek Lewandowski
@Jabarlew
Nov 19 2017 13:17
oh damn didnt expect anyone to answer so fast
thank you so much
Roge
@RogeMateos
Nov 19 2017 13:48
hello anyone can help me with some vanill javascript?
A_A
@Otto-AA
Nov 19 2017 13:50
@RogeMateos Maybe, whats the problem?
Roge
@RogeMateos
Nov 19 2017 13:51
PLEASE NOTE: We don’t require full code for question 4. Instead, provide enough code/context to
explain how you would solve this, and deal with any issues.
Go to: http://www.whoishostingthis.com/compare/ .
Change this page so that the second host (in this case, Innovation Hosting) is discounted by 10% and
the price per month is highlighted in red.
Your code should be able to run on page load and produce the expected result. Using any of the
filters on the left-hand side of the page should also work. For example, if a user ticks “Unlimited
Bandwidth” and “Free Domain”, the second result should be discounted by 10% and shown in red.
Please provide an outline of the code and how you would approach modifying the calculator’s output
to discount this price by 10%, and change the formatting, to make it look like this:
it is this exercise for a test
A_A
@Otto-AA
Nov 19 2017 14:10
@RogeMateos Any specific part you want help with?
Quantomistro3178
@Quantomistro3178
Nov 19 2017 14:25
does anyone here use glitch.com?
Luiza Nyn
@luizanyn
Nov 19 2017 14:28
Hey there. I have some basic notions on css and html but I'm still a beginner and I'm having trouble with decision-making, was hoping to get some opinions from people who already have got some experience.
What's the deal with Bootstrap? Is it some sort of shortcut, or is it a good choice overall? Should I be using it or am I better off writing from scratch? How much will it help me?
Actually a bit lost here. Thanks in advance
Quantomistro3178
@Quantomistro3178
Nov 19 2017 14:33
@luizanyn If you're even slightly worried about the 'design' of the interface, you won't go very far without Bootstrap
Especially if there's grids involved
Luiza Nyn
@luizanyn
Nov 19 2017 14:36
@Quantomistro3178 I am indeed worried about the design so that's a yes, you should be using Bootstrap, I guess.
I worry mostly about not fully understanding the code I am using when reaching to Bootstrap and how much can I do to customize it
Tiago Correia
@tiagocorreiaalmeida
Nov 19 2017 14:38
there's another option called materialize and looks better than bootstrap if the topic its design
Kevin K. Lee
@kevinkiklee
Nov 19 2017 14:39
my suggestion is to not learn bootstrap at all. it's a dying framework that doesn't teach you how to really use css.
don't use any css libraries. write everything from scratch when you are starting out. relying on bootstrap and other libraries will hurt you significantly in the long run.
Tiago Correia
@tiagocorreiaalmeida
Nov 19 2017 14:40
^
even more with things like flexbox and grid showing up still I do use bootstrap on the fcc projects to make it a bit faster I would say
Quantomistro3178
@Quantomistro3178
Nov 19 2017 14:41
@luizanyn i know. I'm really not good with bootstrap and would rather not use it if it weren't for the grid thing. but im really not the expert here
dinesh
@1532j0004kg
Nov 19 2017 14:42
var quot;

function load(){
  var https = new quotes();
  https.onreadystatechange = function()
  {
    if(this.readyState==4 && this.status==200){
    document.getElementById("p").innerHTML = function quote(quotee)
    {
      quotee.quoteText;
    };
    }
  };
  https.open("GET","https://api.forismatic.com/api/1.0/?method=getQuote&key=457653&format=jsonp&lang=en&jsonp=?",true);
  https.send();
}
Luiza Nyn
@luizanyn
Nov 19 2017 14:43
@kevinkiklee @tiagocorreiaalmeida @Quantomistro3178 thank you all for your input. :) the whole thing makes me confused because I do get the feeling that I'm not really learning in the long run when using frameworks.
I'll check out Materialize tho! Thanks again.
CamperBot
@camperbot
Nov 19 2017 14:43
luizanyn sends brownie points to @kevinkiklee and @tiagocorreiaalmeida and @quantomistro3178 :sparkles: :thumbsup: :sparkles:
:cookie: 251 | @quantomistro3178 |http://www.freecodecamp.org/quantomistro3178
:cookie: 332 | @kevinkiklee |http://www.freecodecamp.org/kevinkiklee
:cookie: 446 | @tiagocorreiaalmeida |http://www.freecodecamp.org/tiagocorreiaalmeida
dinesh
@1532j0004kg
Nov 19 2017 14:43
guuys what is the wrong in this code why it did not print the quotetext
Kevin K. Lee
@kevinkiklee
Nov 19 2017 14:44
and learning bootstrap is not easier than learning regular css/scss. it's harder imo. it's like putting extra work in for no reason.
master flexbox.
A_A
@Otto-AA
Nov 19 2017 14:45

@1532j0004kg this seems kinda wrong:

    document.getElementById("p").innerHTML = function quote(quotee)
    {
      quotee.quoteText;
    };

you define the function quote and set the innerHTML equal to the function (and not an output of the function)

dinesh
@1532j0004kg
Nov 19 2017 14:46
what is want to do
id:p elements will replaced by the quote.quoteText, I think.
A_A
@Otto-AA
Nov 19 2017 14:49
@1532j0004kg oh, and that var https = new quotes() seem like it should be var https = new XMLHttpRequest()
dinesh
@1532j0004kg
Nov 19 2017 14:50
objects are user defined or not?
this is my code.
text is not print
Quantomistro3178
@Quantomistro3178
Nov 19 2017 14:53
Wait, there's a <p1> tag in html too? i thought it was just <p>
dinesh
@1532j0004kg
Nov 19 2017 14:54
still not working
A_A
@Otto-AA
Nov 19 2017 14:55
@1532j0004kg well, they are user defined if you defined them. else (like in your case) they are undefined. Means
quotesis undefined
-> new quotes() is undefined
-> https is undefined
-> everything you want to do with https won't work
dinesh
@1532j0004kg
Nov 19 2017 14:56
var https ;
i defined
A_A
@Otto-AA
Nov 19 2017 14:58
ok, quotes is undefined, therefore new quotes() is undefined as well.
then you tell it: var https = new quotes();
which is the same as var https = undefined (because new quotes() is undefined as well)
so https equals undefined
dinesh
@1532j0004kg
Nov 19 2017 15:00
how to define
the quotes
quotes are the objests where i want to define it.
Christopher Susi
@chrisandsuch
Nov 19 2017 15:01
Hey everyone, what would be a good way to host downloaded resources so that you can link to them when building a website? For example, google drive or dropbox?
A_A
@Otto-AA
Nov 19 2017 15:02
@1532j0004kg Please take a look here first and then if you still have questions ask again: https://www.w3schools.com/xml/xml_http.asp
yozhikvtumane
@yozhikvtumane
Nov 19 2017 15:06
Hello!
Anyone here familiar with Jekyll?
Tom
@moT01
Nov 19 2017 15:25
@chrisandsuch what resources
ive just been putting all my stuff on github, but i dont have much for pictures or other media
for these projects anyway
Christopher Susi
@chrisandsuch
Nov 19 2017 15:28
@moT01 that sounds like a better idea. Thank you!
CamperBot
@camperbot
Nov 19 2017 15:28
chrisandsuch sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 910 | @mot01 |http://www.freecodecamp.org/mot01
Tom
@moT01
Nov 19 2017 15:29
yea, i dont think its meant for putting your music library on there - but if it's just a few pictures i dont see why not
Roge
@RogeMateos
Nov 19 2017 16:46
@Otto-AA yes this exercise PLEASE NOTE: We don’t require full code for question 4. Instead, provide enough code/context to
explain how you would solve this, and deal with any issues.
Go to: http://www.whoishostingthis.com/compare/ .
Change this page so that the second host (in this case, Innovation Hosting) is discounted by 10% and
the price per month is highlighted in red.
Your code should be able to run on page load and produce the expected result. Using any of the
filters on the left-hand side of the page should also work. For example, if a user ticks “Unlimited
Bandwidth” and “Free Domain”, the second result should be discounted by 10% and shown in red.
Please provide an outline of the code and how you would approach modifying the calculator’s output
to discount this price by 10%, and change the formatting, to make it look like this:
A_A
@Otto-AA
Nov 19 2017 16:48

@RogeMateos

Any specific part you want help with?
Won't do the exercise for you mate :)

Roge
@RogeMateos
Nov 19 2017 16:48
i am not asking for exercise to do
i am asking for approach
Tiago Correia
@tiagocorreiaalmeida
Nov 19 2017 16:49
@sjames1958gm around here?
A_A
@Otto-AA
Nov 19 2017 16:58

@RogeMateos Is this exercise up-to-date?

Using any of the
filters on the left-hand side of the page should also work. For example, if a user ticks “Unlimited
Bandwidth” and “Free Domain”, the second result should be discounted by 10% and shown in red.

This doesn't seem to work for me

@RogeMateos Else I would use javascript/jquery to trigger click events
Roge
@RogeMateos
Nov 19 2017 16:59
yes it is
now it changes but i am trying to do it anyway changing the color and adding 50 per cent
my approach is document.getElementById(men).style.color="#d32e12";
but it is not id is class
Screen Shot 2017-11-19 at 18.00.10.png
and perhaps injecting text with inne
A_A
@Otto-AA
Nov 19 2017 17:02
@RogeMateos can you use jquery?
Roge
@RogeMateos
Nov 19 2017 17:03
yes it is not a problem
jquery or vanilla javascript
i think maybe vanila javascript iit is better
but i can use jquery , perhaps i tried both
A_A
@Otto-AA
Nov 19 2017 17:05
you could do something like
$('.hostclass:nth-child(2) .price.currency-eur').something...
with jquery to get it (hostclass is the class of the div which contains each host, didn't look up its name)
Christopher Susi
@chrisandsuch
Nov 19 2017 17:13
Hey everyone, how can I use react with bootstrap. Is there a specific way to integrate these?
mabey the problem is with using this on codepen?
Tom
@moT01
Nov 19 2017 17:21
should work fine @chrisandsuch
make sure to use the className and not class
Christopher Susi
@chrisandsuch
Nov 19 2017 17:28
@moT01 Oh yeah! I forgot about that one. Thank you so much!
CamperBot
@camperbot
Nov 19 2017 17:28
chrisandsuch sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 911 | @mot01 |http://www.freecodecamp.org/mot01
linkin-park
@linkin-park
Nov 19 2017 18:28
hello fellow campers
lordkingstar
@lordkingstar
Nov 19 2017 18:30
hello
Alexander Domikov
@AlexanderDom
Nov 19 2017 18:30
hello
Sly Fox
@Gurukorgi
Nov 19 2017 18:30
ok its good and ready to go
lordkingstar
@lordkingstar
Nov 19 2017 18:31
please i need held on this code
Tiago Correia
@tiagocorreiaalmeida
Nov 19 2017 18:34
@lordkingstar just post it once someone can look into it they will(even myself)
lordkingstar
@lordkingstar
Nov 19 2017 18:35
this is it
Sly Fox
@Gurukorgi
Nov 19 2017 18:36
Onome Sotu
@onomesotu
Nov 19 2017 18:39
Hello guys
Does any one know how to fix a footer to the bottom of a page?
Irrespective of the screen size?
lordkingstar
@lordkingstar
Nov 19 2017 18:40
can anyone help with the series of x
Onome Sotu
@onomesotu
Nov 19 2017 18:41
My footer works fine on wide screens, but on mobile, as the bootstrap columns collapse, the footer apears over content
lordkingstar
@lordkingstar
Nov 19 2017 18:41
send code
@onomesotu send code
Sly Fox
@Gurukorgi
Nov 19 2017 18:50
you code uses media queries
Onome Sotu
@onomesotu
Nov 19 2017 18:50
yes it does..
is something wrong?
Onome Sotu
@onomesotu
Nov 19 2017 19:10
Hello guys, I have fixed the problem
Thanks
Ben Line
@Benwebdev
Nov 19 2017 19:22
Evening all 🤟🏼
Sly Fox
@Gurukorgi
Nov 19 2017 19:59
@Benwebdev can you help me something i have a problem
chinedum ogbunigwe
@chiedoziemc
Nov 19 2017 20:44
hi hi houswe
its good to be back
Brittany Rutherford
@brittanyrutherford
Nov 19 2017 20:47
hi, how can I make rounded corner on a div that contains other divs, it seems like if it has sub-divs then adding border-radius doesn't work.. here's my codepen: https://codepen.io/anon/pen/LOevPK
A-J Roos
@Asjas
Nov 19 2017 20:58
@brittanyrutherford If you apply a border: 1px solid blue; on .gigs > li > .date you'll see what is happening. It's creating a border-radius on the div. It just has no effect on the children elements.
What you can do is set border-top-left-radius and border-top-right-radius to .gigs > li > .date > .month and border-bottom-left-radius and border-bottom-right-radius to .gigs > li > .date > .day to get the effect you want.
Moisés Man
@moigithub
Nov 19 2017 21:20
@brittanyrutherford for testing.. addding border helps...
to restrict children view u can use overflow: hidden; ... soo all "extra" content will hide
A-J Roos
@Asjas
Nov 19 2017 21:22
@moigithub I am still in that codepen. Just tested overflow: hidden;. It's not working.
chinedum ogbunigwe
@chiedoziemc
Nov 19 2017 21:22
@Asjas can u explain
A-J Roos
@Asjas
Nov 19 2017 21:23
@chiedoziemc I tested what he said. It's not working.
chinedum ogbunigwe
@chiedoziemc
Nov 19 2017 21:24
ohk
A_A
@Otto-AA
Nov 19 2017 21:29
@lordkingstar @Gurukorgi What about making a picture and using background-repeat?
@onomesotu This seems like what you want: https://css-tricks.com/snippets/css/sticky-footer/
A_A
@Otto-AA
Nov 19 2017 21:34
@brittanyrutherford little offtopic tip: Using codepen there is a "tidy html/css/javascript" function in the code tabs (e.g. HTML) at the arrow menu. It will make it much easier to read ;)
@brittanyrutherford what about that?
.gigs > li > .date *:first-child {
  border-radius: 10px 10px 0 0;
}
.gigs > li > .date *:last-child {
  border-radius: 0 0 10px 10px;
}
Marcus Eisele
@eiselems
Nov 19 2017 21:41
just finished my latest "backend" idea: http://glacial-wildwood-63393.herokuapp.com/ still need to do a proper frontend
or at least a proper css ... the JS code is already in a "not to bad" shape I guess
A_A
@Otto-AA
Nov 19 2017 21:41
@brittanyrutherford Or as moigithub suggested overflow works aswell
.gigs > li > .date {
    width: 70px;
    text-align: center;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
@moigithub :thumbsup:
Marcus Eisele
@eiselems
Nov 19 2017 21:42
anyone here has some experience with Bulma?
A_A
@Otto-AA
Nov 19 2017 21:46
@eiselems lol, didn't expect it to work O.o
But sorry, I don't
Ben Line
@Benwebdev
Nov 19 2017 22:05
Sly fox do you still need a hand ?
I have in the cinema watching justice league 😊🤩
Was*
Jean Marco Romero
@volkranium
Nov 19 2017 22:17
Hey guys hello , can someone tell me what knowledge do i need to create an app that shows when an employee is at work?
Im currently learning reactjs
chinedum ogbunigwe
@chiedoziemc
Nov 19 2017 22:26
hey guys pls am finding it difficult to do this "Give the text input in your form the class form-control. "
pls kindly assist
A_A
@Otto-AA
Nov 19 2017 22:28
@chiedoziemc Do you know how to give a html element (e.g. <p>My Paragraph</p>) a class?
chinedum ogbunigwe
@chiedoziemc
Nov 19 2017 22:28
@Asjas plssssssss
yea yeah
A_A
@Otto-AA
Nov 19 2017 22:29
so how would you do it with the text input?
@chiedoziemc
chinedum ogbunigwe
@chiedoziemc
Nov 19 2017 22:30
input type="text"
A_A
@Otto-AA
Nov 19 2017 22:31
yeah, so you have <input type="text">
how do you add a class to this?
just try
chinedum ogbunigwe
@chiedoziemc
Nov 19 2017 22:32
class="form-control"
A_A
@Otto-AA
Nov 19 2017 22:32
So the complete tag looks like...?
chinedum ogbunigwe
@chiedoziemc
Nov 19 2017 22:36
<input type="text" class="form-control" placeholder="cat photo URL" required>
tyjanii
@tyjanii
Nov 19 2017 22:37
hi
A_A
@Otto-AA
Nov 19 2017 22:38
@volkranium (Disclaimer: Never done this myself. Just think thats everything you need)
You will need some backend which stores which employees are currently at work. (I'd suggest node.js as this also uses javascript). This server will need an API, so you can send it "employee checked in" or retrieve a list of currently checked in employees. Probably look into herokuapp, I've never looked what it is myself but often heard it in that context ^^
And then the frontend. This is your reactjs part. I'd do two sites: One to check in/check out and one to look who is currently checked in.
Hey @tyjanii
@chiedoziemc Seems good :thumbsup:
tyjanii
@tyjanii
Nov 19 2017 22:39
i need a little help
im practising HTML/CSS in codepen only problem is the colors of the tags are refusing to change
id send a link if anyone is willing to help
A_A
@Otto-AA
Nov 19 2017 22:43
yeah, link is always appreciated :)
Do you mean the colors in the code editor?
@tyjanii
Ben Line
@Benwebdev
Nov 19 2017 22:44
@Otto-AA I’d send you cookies but on mobile 😏
tyjanii
@tyjanii
Nov 19 2017 22:45
@Otto-AAi mean the colors on the display
Ben Line
@Benwebdev
Nov 19 2017 22:45
Looking for you Tyjanii
Typo: <h1 class="text-center" style">MECHHIRE.COM<h1>
tyjanii
@tyjanii
Nov 19 2017 22:47
@Otto-AA i mean the colors on the display
@Benwebdev thank you id check
CamperBot
@camperbot
Nov 19 2017 22:47
tyjanii sends brownie points to @benwebdev :sparkles: :thumbsup: :sparkles:
:cookie: 364 | @benwebdev |http://www.freecodecamp.org/benwebdev
Ben Line
@Benwebdev
Nov 19 2017 22:47
Should be
<h1 class="text-center" style=“”>MECHHIRE.COM</h1>
A_A
@Otto-AA
Nov 19 2017 22:48
@tyjanii Sidenote: In codepen you generally don't put any <head> or <body> tags into the HTML part. Only put the content of <body>content</body> there and for the <head>headStuff</head> you can click on the settings icon left to html and put it in there ;)
tyjanii
@tyjanii
Nov 19 2017 22:48
@Otto-AA ohh
Ben Line
@Benwebdev
Nov 19 2017 22:49
Is there a way for me to see actual usernames of people on mobile not display names ?
Hard to tag on mobile if username is different to display name
tyjanii
@tyjanii
Nov 19 2017 22:49
@Otto-AA thank you for that
CamperBot
@camperbot
Nov 19 2017 22:49
tyjanii sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
:cookie: 390 | @otto-aa |http://www.freecodecamp.org/otto-aa
Ben Line
@Benwebdev
Nov 19 2017 22:50
Did that help @tyjanii
A_A
@Otto-AA
Nov 19 2017 22:50
@Benwebdev Dunno, only use it on the desktop O.o
Ben Line
@Benwebdev
Nov 19 2017 22:50
:(
A_A
@Otto-AA
Nov 19 2017 22:53
@tyjanii Fix the type Ben pointed out and in the CSS use .jumbotron h1 instead of only using h1. Because the most specific selector will be used. (!important > inline style > id > class and specific selector > unspecific selector). And bootstrap uses .jumbotron h1 to make the text grey I think
Ben Line
@Benwebdev
Nov 19 2017 22:54
Really he can create his own class and pass that as a ID 😏
tyjanii
@tyjanii
Nov 19 2017 22:56
@Otto-AA yess!! it worked thank you!!!
CamperBot
@camperbot
Nov 19 2017 22:56
tyjanii sends brownie points to @otto-aa :sparkles: :thumbsup: :sparkles:
api offline
tyjanii
@tyjanii
Nov 19 2017 22:56
@Benwebdev thank you too ben
Ben Line
@Benwebdev
Nov 19 2017 23:11
@tyjanii Ctrl+Alt+I opens the Developer tools with console.
I think Cmd+Opt+I on the mac
I post that in the wrong channel 🤔🤭
But your welcome @tyjanii