These are chat archives for FreeCodeCamp/HelpFrontEnd

21st
Sep 2017
Rabin Shrestha
@jyapujuju
Sep 21 2017 01:46
https://www.freecodecamp.org/challenges/everything-be-true

function truthCheck(collection, pre) {
  var value = true;

  for (var i=0; i<collection.length;i++){
      if (collection[i].hasOwnProperty(pre) == true && collection[i][pre] !== null && collection[i][pre] !== 0&& collection[i][pre] !== "" && collection[i][pre] !== undefined  ){
        value = true;
      }
//       else if (isNaN(collection[i][pre])){
//         value = false;
//         break;
//       }
      else{
        value = false;
        break;
      }
  }
  // Is everyone being true?
  return value;
}

truthCheck([{"user": "Tinky-Winky", "sex": "male", "age": 0}, {"user": "Dipsy", "sex": "male", "age": 3}, {"user": "Laa-Laa", "sex": "female", "age": 5}, {"user": "Po", "sex": "female", "age": 4}], "age");
NaN is not working
last condition
korzo
@korzo
Sep 21 2017 01:48
@jyapujuju you have zero mixed up with &&
0&&
Moisés Man
@moigithub
Sep 21 2017 01:49
&& !Number.isNaN(coll[i][per])
korzo
@korzo
Sep 21 2017 01:52
@jyapujuju But all those conditions are redundant. You can use Javascript's build-in conversion to boolean
if(collection[i][pre])
Rabin Shrestha
@jyapujuju
Sep 21 2017 01:55
thanks @korzo
CamperBot
@camperbot
Sep 21 2017 01:55
jyapujuju sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:cookie: 520 | @korzo |http://www.freecodecamp.com/korzo
fefo360
@fefo360
Sep 21 2017 02:56
Hey guys
how can i make this function update the height everytime the height value changes(window resize)

var wH = $(window).height();

$(".header").css("height", $(window).height());

Kevin Galang
@kgalang
Sep 21 2017 02:59
Can someone tell me why "aabb" has the 8 non repeating permutations?
I'm on the "no repeats please" challenge in advanced algorithms
Ken Haduch
@khaduch
Sep 21 2017 03:05

@kgalang - let's see - if you think of each "a" as "a1", and "a2", and each "b" as "b1" and "b2" maybe we can just make the list of unique items?

a1 b1 a2 b2
a1 b2 a2 b1
a2 b1 a1 b2
a2 b2 a1 b1
b1 a1 b2 a2
b1 a2 b2 a1
b2 a1 b1 a2
b2 a2 b1 a1

that looks like eight, if I got them right?

Kevin Galang
@kgalang
Sep 21 2017 03:06
Thank you @khaduch
CamperBot
@camperbot
Sep 21 2017 03:06
kgalang sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3303 | @khaduch |http://www.freecodecamp.com/khaduch
Kevin Galang
@kgalang
Sep 21 2017 03:06
That's definitely what I was searching for
Ken Haduch
@khaduch
Sep 21 2017 03:08
@kgalang - you're welcome!
linkin-park
@linkin-park
Sep 21 2017 06:36
hi
Sorin Ruse
@sorinr
Sep 21 2017 06:45
@fefo360 why not just use css: vh(viewport height) measure unit instead of using javascript
Liam Docherty
@ldocherty1
Sep 21 2017 06:57

Hi, why won't my images load on my web page?

/* PART1 */
.main-bg {
    /* The image used */
    background-image: url('../assets/mainbackground.jpg');
    /* Full height */
    height: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* S2 */
.parallax2 {
    /* The image used */
    background-image: url('../assets/services.jpg');
    /* Full height */
    height: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

https://imgur.com/a/LQMTN

the html is fine as well I checked it.
Sorin Ruse
@sorinr
Sep 21 2017 07:02
@ldocherty1 think you need to give full url to the bg-image instead of relative path
@ldocherty1 as far as i remember , some time ago, there where some problems using imgur hosted images on codepen
Liam Docherty
@ldocherty1
Sep 21 2017 09:46
@sorinr Sorry for the late response, I changed it to background: url('../assets/mainbackground.jpg');
However nothing changed
heroiczero
@heroiczero
Sep 21 2017 09:48
@ldocherty1 are you sure you are accessing the right location?
Liam Docherty
@ldocherty1
Sep 21 2017 09:56
@heroiczero Yes
Daniel Feldman
@Feldbot
Sep 21 2017 09:56
@ldocherty1 I think if you use .. you are telling it to go back to the parent directory of homepage. Try removing the two dots.
Liam Docherty
@ldocherty1
Sep 21 2017 09:59
@Feldbot @heroiczero I tried that as well. Maybe if you don't mind can I email you the folder so you could check it out? It would be much appreciated. From what I seen I spelt everything correct and it's placed in the correct place
It even don't work for a URL? https://jsfiddle.net/djyp74yw/3/
Daniel Feldman
@Feldbot
Sep 21 2017 10:01
@ldocherty1 Where are your images being hosted from?
Liam Docherty
@ldocherty1
Sep 21 2017 10:02
from the assets folder. However, if I try go to the site pexels and try a URL from there it doesn't work either?
heroiczero
@heroiczero
Sep 21 2017 10:02
@ldocherty1 https://css-tricks.com/snippets/css/comments-in-css/ thats how you comment
@ldocherty1 you have //Small devices (landscape phones, 576px and up)
LydaTech
@lydatech
Sep 21 2017 10:06
@heroiczero // is valid single-line comment
heroiczero
@heroiczero
Sep 21 2017 10:07
@ldocherty1 you are missing } for
@media (max-width: 575px) {
  .parallax2 {
    height: 50%;
  }
 }


@media (min-width: 576px) and (max-width: 767px) {
  .parallax2 {
    height: 30%;
 }
}


@media (min-width: 768px) and (max-width: 991px) {
  .parallax2 {
    height: 44%; }
}


@media (min-width: 992px) and (max-width: 1199px) {
  .parallax2 {
    height: 65%; }
}


@media (min-width: 1200px) {
  .parallax2 {
    height: 90%; }
}
heroiczero
@heroiczero
Sep 21 2017 10:14
@ldocherty1 Well this is working now https://codepen.io/anon/pen/zEBpJM
Jonathan Albert Cunanan
@jcunanan05
Sep 21 2017 10:23
Hello I have a table with entry of users, each user row has edit user button column, when I click edit a modal appears, do you use one modal for this and then just fetch the users data?
Daniel Feldman
@Feldbot
Sep 21 2017 10:24
@ldocherty1 Try putting your media queries at the bottom of your css, there is some kind of conflict going on there.
@ldocherty1 You need to wrap each media selector in its own brace you were missing 3 closing braces
Daniel Feldman
@Feldbot
Sep 21 2017 10:36
@ldocherty1 @lydatech William solved it I think. Generally you put the media queries at the bottom of the css too to avoid style conflicts since the css is implemented top to bottom.
krckyboy
@krckyboy
Sep 21 2017 10:37
Can you do parallax effect but the one with smooth scrolling, not just the fixed background? Looking at the first picture to the left, and then searching for parallax, but that's not it. Do you need JS for it? https://wp.nkdev.info/snow/home-1/?navigation_type=default&footer_type=1
CXmanager
@CXmanager
Sep 21 2017 11:05
This code loads the picture slowly.
<a href="https://en.wikipedia.org/wiki/Zig_Ziglar" target="_blank">wiki</a>
Any suggestion
LydaTech
@lydatech
Sep 21 2017 11:07
@CXmanager Thats just opening the page from the wikipedia website. Your code doesnt affect the loading speed
CXmanager
@CXmanager
Sep 21 2017 11:19

``<head>
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">

<style>
div {
margin-top: 30px;
margin-bottom: 30px;
font-family: "Open Sans Condensed", sans-serif;
}
img {
display: block;
margin: 0 auto;
}
h4 {
margin-left: 70%;
}
p {
font-size: 20px;
margin-left: 5%;
margin-right: 5%;
}
.img-size{
width:100%;
}
.thick-white-border{
border-color:white;
border-width:10px;
border-style:solid;
border-radius:10px;
}
</style>
</head>

<body>
<div class="container">
<div class="jumbotron">

  <h1 class="text-center"> A Tribute to Zig Ziglar</h1>
  <br>
  <div class="img-size thick-white-border"><img src="http://jeffshore.com/wp-content/uploads/2014/12/Zig-Ziglar.jpg" width="100%"></div>
  <br>
  <h3 class="text-center">Your attitude, not your aptitude, will determine your altitude.</h3>
  <h4>-Zig Ziglar </h4>
  <br>
  <br>
  <p class="text-left">
    Zig Ziglar has always been an inspiration for me. He has motivated to lead a goal oriented life. He stresses that it is not the aptitude but the attitude that leads to your ultimate altitude in life.
  </p>
  <br>

  <p> Visit
    <a href="https://en.wikipedia.org/wiki/Zig_Ziglar" target="_blank">wiki</a> for more details
  </p>

</div>

</div>
</body>``

what was the correct way to paste code
LydaTech
@lydatech
Sep 21 2017 11:21
3 back ticks not 2. 3 back ticks press enter then paste code
heroiczero
@heroiczero
Sep 21 2017 11:21
@CXmanager '''
CamperBot
@camperbot
Sep 21 2017 11:21
:bulb: to format code use backticks! ``` more info
CXmanager
@CXmanager
Sep 21 2017 11:22
<head>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">

  <style>
    div {
      margin-top: 30px;
       margin-bottom: 30px;
      font-family: "Open Sans Condensed", sans-serif;
    }
    img {
      display: block;
      margin: 0 auto;
    }
    h4 {
      margin-left: 70%;
    }
    p {
      font-size: 20px;
      margin-left: 5%;
      margin-right: 5%;
    }
    .img-size{
      width:100%;
    }
    .thick-white-border{
      border-color:white;
      border-width:10px;
        border-style:solid;
        border-radius:10px;
    }
  </style>
</head>

<body>
  <div class="container">
    <div class="jumbotron">


      <h1 class="text-center"> A Tribute to Zig Ziglar</h1>
      <br>
      <div class="img-size thick-white-border"><img src="http://jeffshore.com/wp-content/uploads/2014/12/Zig-Ziglar.jpg" width="100%"></div>
      <br>
      <h3 class="text-center">Your attitude, not your aptitude, will determine your altitude.</h3>
      <h4>-Zig Ziglar </h4>
      <br>
      <br>
      <p class="text-left">
        Zig Ziglar has always been an inspiration for me. He has motivated to lead a goal oriented life. He stresses that it is not the aptitude but the attitude that leads to your ultimate altitude in life.
      </p>
      <br>

      <p> Visit
        <a href="https://en.wikipedia.org/wiki/Zig_Ziglar" target="_blank">wiki</a> for more details
      </p>

    </div>
  </div>
</body>
heroiczero
@heroiczero
Sep 21 2017 11:23
@CXmanager nice Job mission accomplished :smile:
CXmanager
@CXmanager
Sep 21 2017 11:24
How do I improve the image rendering
or is it ok this way
heroiczero
@heroiczero
Sep 21 2017 11:26
you can reduce the amount of pixels used for the image. if you want to sacrifice Quality of picture for performance.
alpox
@alpox
Sep 21 2017 11:26
@CXmanager What do you mean with "improve"? is it loading too slow? -> lessen the resolution of the picture.
If you want the whole page to be loaded right when showing it (No image-load-glitches) you can show an overlay with a loading indicator over the page.
You could also use loading indicators and placeholders where the pictures should go - this is a bit nasty though
Ebinezar Dhanaraj
@Ebiislearning
Sep 21 2017 11:27
I am trying to build an chrome extension which makes a API call based not he inputs. For this I need to have the username & password of the user. I do not want my users to enter the login credentials every time and would like to store this information in the browser. At the same time I do not wish to use cookies for the fear of exposing these credentials. What is the best way to get, store and use the login credentials.
alpox
@alpox
Sep 21 2017 11:28
@Ebiislearning I'm not sure about chrome extensions at this point, but you'd usually use localStorage for this
Ebinezar Dhanaraj
@Ebiislearning
Sep 21 2017 11:29
@alpox Yes. I would not want to use it for that as well. :(
alpox
@alpox
Sep 21 2017 11:30
@Ebiislearning Is there a reason for avoiding that?
Ebinezar Dhanaraj
@Ebiislearning
Sep 21 2017 11:30
i meant i want to use localstorage for it,
I just need to find a way of encrypting
alpox
@alpox
Sep 21 2017 11:31
@Ebiislearning Ah. Alright. Well you would usually not store the login information there, but a JWT Token
I would use JWT token authentication anyway
Ebinezar Dhanaraj
@Ebiislearning
Sep 21 2017 11:33
@heroiczero and @alpox Thanks for the links :) I am gonna go through them now. :)
CamperBot
@camperbot
Sep 21 2017 11:33
ebiislearning sends brownie points to @heroiczero and @alpox :sparkles: :thumbsup: :sparkles:
:star2: 1330 | @alpox |http://www.freecodecamp.com/alpox
:star2: 1759 | @heroiczero |http://www.freecodecamp.com/heroiczero
korzo
@korzo
Sep 21 2017 11:59
@Ebiislearning You can also ask user to log in.
When you make ajax call from extension, it send cookies for given site
CamperBot
@camperbot
Sep 21 2017 12:15
:bulb: to format code use backticks! ``` more info
CXmanager
@CXmanager
Sep 21 2017 12:22
@alpox the picture loads slowly sometimes. What is the best practice if there are multiple photos and where do you store the pictures. i guess we cannot keep it in local and load from my laptop.
alpox
@alpox
Sep 21 2017 12:27
@CXmanager No you should not do that. You can deploy the pictures together with your website as static content. As i said, try to lower the resolution of the pictures (Perfect is 96 dpi). If you still see glitches, you will have to think about showing a loading indicator for the whole page while the pictures load. You can track the loading with jquery.
CXmanager
@CXmanager
Sep 21 2017 12:28
Thanks @alpox
CamperBot
@camperbot
Sep 21 2017 12:28
cxmanager sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:star2: 1331 | @alpox |http://www.freecodecamp.com/alpox
Minoy
@minoy
Sep 21 2017 12:29
Hello! Has anyone here tried Codewars?
alpox
@alpox
Sep 21 2017 12:29
@minoy Jup, quite some people here did (Me included)
Sorin Ruse
@sorinr
Sep 21 2017 12:30
@ldocherty1 by full url i meant url('http://yourhostimg.com/assets/mainbackground.jpg'). The css parser need to know exactly where to look for your folder assets and the jpg file. take a look in here for info on absolute and relative paths
Minoy
@minoy
Sep 21 2017 12:31
@alpox For the very first JS challenge to sign up, I do not understand the error message they are throwing because the code works fine when I run it in the console...

@alpox
Following is the code that needs to be fixed:
function multiply(a, b){
a * b
}
Following is the error on running without fixing anything:
Test Results:
Expected: 1, instead got: undefined
Expected: 2, instead got: undefined
Expected: 4, instead got: undefined
Expected: 15, instead got: undefined

What are these expected values? I understand that 'multiply' is an inbuilt JS function already...

alpox
@alpox
Sep 21 2017 12:35
@minoy What question with what solution?
I don't remember that anymore :D
Minoy
@minoy
Sep 21 2017 12:39
@alpox I pasted it above
alpox
@alpox
Sep 21 2017 12:41
@minoy That cannot work since you miss a return statement
Minoy
@minoy
Sep 21 2017 12:51
@alpox I think I did not explain well. The code above is the initial wrong code. My question is about the initial error we get when we run the wrong code. What are those expected values mentioned in the error?
@alpox Nevermind! I got it now.
@alpox Thanks!
CamperBot
@camperbot
Sep 21 2017 12:53
minoy sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:star2: 1332 | @alpox |http://www.freecodecamp.com/alpox
Semak
@drdextar
Sep 21 2017 13:07
function truthCheck(collection, pre) {
  // Is everyone being true?

//array to strore resut of property of collection 
var resultarray = [];

//for loop to iterate over collection property 
//push the result of boolean property to array.
for (i = 0; i < collection.length;i++){
resultarray.push(Boolean(collection[i][pre]));  
}

//variable to check if every element of resultarray is same.  
var equals = resultarray.every(function(value, index, array){
    return value === array[0];
});

return equals;
}
truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex");
need reviews on my solution.
korzo
@korzo
Sep 21 2017 14:05
@drdextar the for loop is redundant.
You can use every on collection with Boolean in callback
@drdextar also you code will fail if all values are falsy
korzo
@korzo
Sep 21 2017 14:10
You should compare to true, not array[0].
piteto
@piteto
Sep 21 2017 14:52

how can i make this function update the height everytime the height value changes(window resize)

@fefo360

$(window).on('resize', function() {
  $(".header").css("height", $(window).height());
});

Or, use 'vh' units in your CSS - 100vh is the height of your window minus margins + padding.

dinesh
@1532j0004kg
Sep 21 2017 15:10

$(document).ready(function(){

var latitude = position.coords.latitude;
var longitude = position.coords.longitude;

$("button").click(function(){
if(navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(function(position)
{
$("p").html("latitude :" + latitude + "longtitude" + longitude);
});
}
});
});

any wrong??

'''$(document).ready(function(){

var latitude = position.coords.latitude;
var longitude = position.coords.longitude;

$("button").click(function(){
if(navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(function(position)
{
$("p").html("latitude :" + latitude + "longtitude" + longitude);
});
}
});
});

CamperBot
@camperbot
Sep 21 2017 15:13
:bulb: to format code use backticks! ``` more info
rscales02
@rscales02
Sep 21 2017 15:18
@1532j0004kg do you have thins on codepen? also, if you use ```on it's own line before and after your code it will autoformat on gitter to something more readable
dinesh
@1532j0004kg
Sep 21 2017 15:19
ok bro..

'''js
$(document).ready(function(){

var latitude = position.coords.latitude;
var longitude = position.coords.longitude;

$("button").click(function(){
if(navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(function(position)
{
$("p").html("latitude :" + latitude + "longtitude" + longitude);
});
}
});
});
```

CamperBot
@camperbot
Sep 21 2017 15:19
:bulb: to format code use backticks! ``` more info
dinesh
@1532j0004kg
Sep 21 2017 15:21
any wrong??
i mean code?
i mean code
Brandon Blackwell
@Radlerz1
Sep 21 2017 15:23
hey guys I am attempting to loop through an array in react it seems to display the results I want in console.log but it wont print to the page. can anyone help with this?

class HandleData extends React.Component {
constructor(props) {
super(props);

     this.state = { searchResults: [] }
 }

 componentWillMount() {
     return $.getJSON('/api')
         .then((data) => {
             this.setState({ searchResults: data.arr });
         });
 }

 render() {
     return (
         <div>
   <ul> {
       this.state.searchResults.map((result, index) => {
       console.log(result);
         <li key={index}>{result}</li>  
       })
   }
   </ul>
   </div>
     );
 }

}

Brandon Blackwell
@Radlerz1
Sep 21 2017 15:41
nvm I figured it out
Semak
@drdextar
Sep 21 2017 16:00
@korzo thanks for your feedback i done lot of mistake in this challenge. :)
CamperBot
@camperbot
Sep 21 2017 16:00
drdextar sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:cookie: 527 | @korzo |http://www.freecodecamp.com/korzo
piteto
@piteto
Sep 21 2017 16:01
@1532j0004kg Maybe have a look at the sample code here: https://www.freecodecamp.org/challenges/get-geolocation-data
Vikash Saini
@Enigma10
Sep 21 2017 16:53
anyone used graphql here?
Teo
@Teo03
Sep 21 2017 17:08
Need help with the Javascript Calculator project https://codepen.io/Teo03/pen/NaGRaB
I can't figure out how to check if eval(num) is returning a number and its not a wrong condition like "7 --- 7" can someone help? Here is my code:
num = result.value;
    num = eval(num);
    if(eval(num) == undefined){
      console.log('Please be specific');
    } else {
      result.value = num;
    }
andoreilly
@andoreilly
Sep 21 2017 17:13

Hi there can anyone tell me why the nav items are blue i tried change color to black but nothing overrides it

<div class="container-fluid">
<div class="header clearfix"> <!--Nav-bar section -->
<nav>
<ul class="nav float-right">
<li class="nav-item">
<a class="nav-link active" href="#">About me <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</nav>
<h3 class="my-name">joe</h3>
</div> <!-- ENd of Nav bar -->

korzo
@korzo
Sep 21 2017 17:14
@Teo03 sequence of keys : 2+2=2
On display should be 2, not 42
4-+2=
should be 6, not 2
Teo
@Teo03
Sep 21 2017 17:16
@korzo I want to check if eval(num) doesen't return anything
@korzo Can you pls help me?
korzo
@korzo
Sep 21 2017 17:21
@Teo03 like var a = eval(num) ?
Alexx Martínez
@AlexxMart
Sep 21 2017 18:02

I need some help, I am trying to complete the challenge "Show the Local Weather" but I have no clue how to use the JSON API provided for the challenge. I want to take the example provided and stringify it so it shows on my page but nothing is working. I've been looking for a solution for over a week.

Here's my pen to look at the code: https://codepen.io/Alexxander/pen/QMVjPb

right now I just want to show the raw data in the page to make sure I'm "Linking" the API to my page properly
Moisés Man
@moigithub
Sep 21 2017 18:03
there are a red mark on codepen bottom right corner
cuz ....missing a closing )
@AlexxMart
Alexx Martínez
@AlexxMart
Sep 21 2017 18:05
I've checked a few times and I can't find what is the missing closing that I need to add
Moisés Man
@moigithub
Sep 21 2017 18:08
$document.ready ( <--- opens.. which one closes that ?
Alexx Martínez
@AlexxMart
Sep 21 2017 18:09
FFS I can't believe I was missing that one
man, thanks @moigithub
CamperBot
@camperbot
Sep 21 2017 18:09
alexxmart sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 3636 | @moigithub |http://www.freecodecamp.com/moigithub
Mike
@MikeJSchorah
Sep 21 2017 18:41
I'm using WordPress. What's the best plugin that creates an HTML sitemap as well as an XML sitemap?
can someone tell me why my jquery function for toggle class won't work?
Jan Shah
@JanShah
Sep 21 2017 20:06
@Niloy513 remove the head elements from your html and put the dependencies (css and js) in the little boxes where the gear icon is.
also check your console logs
Niloy513
@Niloy513
Sep 21 2017 20:14
when I remove the dependencies it actually messes up the program a little more.
you're speaking about my links correct?
also all the other jquery functions work
piteto
@piteto
Sep 21 2017 20:20
@Niloy513 Jan is referring to how to set up external resources in codepen. Your toggleClass() function is working fine - the issue is in your CSS. The .active class has no effect on the icon.
Make your .active class separate from the .icon:
          .icon {
            font-size: 125%;
            color: skyblue;
            border: {
              radius: 40px 40px 40px 40px;
            }
          }
          .active {
            border: {
              radius: 40px 0px 0px 40px;
            }
          }
Niloy513
@Niloy513
Sep 21 2017 20:26
oh yes I actually tried that as well, it didn't work for me.
Just fixed it had to put an !important for some reason
@piteto Thank you
CamperBot
@camperbot
Sep 21 2017 20:29
niloy513 sends brownie points to @piteto :sparkles: :thumbsup: :sparkles:
:cookie: 137 | @piteto |http://www.freecodecamp.com/piteto
Niloy513
@Niloy513
Sep 21 2017 20:29
@JanShah thank you
CamperBot
@camperbot
Sep 21 2017 20:29
niloy513 sends brownie points to @janshah :sparkles: :thumbsup: :sparkles:
:cookie: 544 | @janshah |http://www.freecodecamp.com/janshah
piteto
@piteto
Sep 21 2017 21:07

@andoreilly Bootstrap has classes you can add to change the color of your text, like text-dark, text-success, text-warning. If you want to use those classes, add it as a class to your nav-links:

<a class="nav-link text-warning" href="#">Portfolio</a>

Otherwise, use CSS to customize however you desire:

.nav-link {
  color: #ff7700;
}

If that doesn't work, please share your project. You likely have an issue with how external resources are loading.

Ryan Santos
@ryasan86
Sep 21 2017 22:02
hi...looking for advice/help on twitch api project...hope im in the right chat :)
Mike
@MikeJSchorah
Sep 21 2017 22:03
Which is better for blogging as a web developer: trending topics or social media?
Ryan Santos
@ryasan86
Sep 21 2017 22:05

having trouble trying to figure out how properly make 2 asynchronous calls...one for "streams" endpoint and the other for "channels"

https://codepen.io/emag50/pen/Ewygpr

any help is much appreciated...thanks.
Mike
@MikeJSchorah
Sep 21 2017 22:06
Trending topics - Blogging on them quickly to "get ahead" of the news cycle. Using tools such as Google Alerts, Feedly, and Buzzsumo to monitor trending topics in the web development industry.
Social media - Finding out what types of content interests your clients. Finding out what types of content they like to share. I'd use Buzzsumo. It tells what type of content is popular, and therefore you can produce that content yourself.
Vishal Sholkay
@sholkay
Sep 21 2017 22:14
Any one which ton of experience in front-end web developement available at this moment?
Mike
@MikeJSchorah
Sep 21 2017 22:16
@sholkay What's wrong?
Vishal Sholkay
@sholkay
Sep 21 2017 22:20
https://hack.gt/
I need to copy the bee like structure from this website .. The one on which when you hover your mouse it shows info about that particulat feel .. I don't have that much experience but I want to use that thing in my website please help
Miguel T Rivera
@mtrivera
Sep 21 2017 22:22
Have an issue with my simon game. If a user clicks too many buttons in quick succession, it will play the extra sequences. Is it possible to make a function run once; the playSequence() in this case, regardless of user input: https://codepen.io/mtrivera/pen/wqpZZZ
Tom
@moT01
Sep 21 2017 22:27
@mtrivera sounds like you need some sort of boolean to stop input
i think i had something like computerPlaying = true/false
to stop input while the computer is playing
Miguel T Rivera
@mtrivera
Sep 21 2017 22:28
@moT01 Thanks! I will try that
CamperBot
@camperbot
Sep 21 2017 22:28
mtrivera sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 858 | @mot01 |http://www.freecodecamp.com/mot01
Daniel Feldman
@Feldbot
Sep 21 2017 23:27
Hi, I'm working on the Roman Numeral Converter challenge, and having a very hard time figuring out where to begin. I looked at the hints, and one of the hints I don't understand at all: "If you add the numbers to the arrays that go before the new letter is introduced, like values for 4, 9, and 40, it will save you plenty of code." Does anyone know what this means? If anyone has completed this challenge can you offer some guidance without any spoilers?
Chris
@bestintown23
Sep 21 2017 23:30
How can i make my image and p element be shown inline? https://codepen.io/bestintown23/pen/eGdYov
Daniel Feldman
@Feldbot
Sep 21 2017 23:36
@bestintown23 If you put a float: left on your bullseye that will make the text wrap.
Mike
@MikeJSchorah
Sep 21 2017 23:47
I'm thinking of focusing on social media instead of trending topics. Most of my clients are not only not techies, but don't have a clue about certain tech things.