These are chat archives for FreeCodeCamp/HelpFrontEnd

2nd
Apr 2017
Johnny
@jtan3
Apr 02 2017 00:00
@robobertk what bootstrap version are you using?
robobertk
@robobertk
Apr 02 2017 00:00
4.0
can I declare a lower version?
Johnny
@jtan3
Apr 02 2017 00:00
robobertk
@robobertk
Apr 02 2017 00:02
got it, so in 4.0 it is float-right/left now?
Moisés Man
@moigithub
Apr 02 2017 00:02

Added .float-{sm,md,lg,xl}-{left,right,none} classes for responsive floats and removed .pull-left and .pull-right since they’re redundant to .float-left and .float-right.

https://v4-alpha.getbootstrap.com/migration/

robobertk
@robobertk
Apr 02 2017 00:04
so I can use float-right? I get the older command is gone, but only because it is redundant to this new float, the documentation looks like it is used the same way, am I right?
Johnny
@jtan3
Apr 02 2017 00:06
try it out or use the older version of bootstrap
Moisés Man
@moigithub
Apr 02 2017 00:08
@robobertk classes depends on the Bootstrap version u linking to ur project...
( and yes u can use whatever version u like )
robobertk
@robobertk
Apr 02 2017 00:09
There was only one version included in the quick add function of the obligated Codpen I was required to use.
Moisés Man
@moigithub
Apr 02 2017 00:09
u can search a CDN like @jtan3 posted above and copy/paste that link
and replace/paste in codepen @robobertk
robobertk
@robobertk
Apr 02 2017 00:12
cheers, moved down to 3.3.7 looks like a working function. Wonder what the secret is to the newer version.
In the 4.0 version I tried the newer float: <li class="float-right"><a ref></a></li>
and nothing, bummer I will tackle working on that next
thank you all
Moisés Man
@moigithub
Apr 02 2017 00:14
BT4 is on alpha .. not final release.. so probably some classes might change
to learning purposes probably is ok to learn, but for projects is better to use a stable version
so it dont break if any changes happens
robobertk
@robobertk
Apr 02 2017 00:15
At any rate, thank you all so very much for the assist
Keon Samuel
@keonsam
Apr 02 2017 00:17
someone test my pen search function and tell me if it is the jquery that is causing the icon to pop up back.
Roxroy
@roxroy
Apr 02 2017 00:19
@keonsam , Nothing showing up. got error in the console: Uncaught ReferenceError: search is not defined at pen.js:47:43.
Moisés Man
@moigithub
Apr 02 2017 00:22
var userSearch = document.getElementByname(search);
search is a variable? ? where is declared ?
Keon Samuel
@keonsam
Apr 02 2017 00:23
input name="search" in the js.
Moisés Man
@moigithub
Apr 02 2017 00:24
but that input only "appear" when u click $("#icon1").on("click", function() {
soo if u dont click anything.. "search"will NOT exist
if u wanna attach events to unexistant elements (dynamic element added throw code) u need to use EVENT DELEGATION
Keon Samuel
@keonsam
Apr 02 2017 00:43
scratch head
maybe I should go the easy route
Keon Samuel
@keonsam
Apr 02 2017 00:49
I know what to do
put the form hidden
in the html
Bassem Elsarty
@Elsarty
Apr 02 2017 00:57
Yo, using HTML/CSS, I want to add a picture to the left and a text to it's right, how is that possible please?
Keon Samuel
@keonsam
Apr 02 2017 00:58
yes
row
col
Roxroy
@roxroy
Apr 02 2017 01:05
@Elsarty , you can use bootstrap grid for that , see here for example
Keon Samuel
@keonsam
Apr 02 2017 01:12
@moigithub thank you for the help.
CamperBot
@camperbot
Apr 02 2017 01:12
keonsam sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2946 | @moigithub |http://www.freecodecamp.com/moigithub
Keon Samuel
@keonsam
Apr 02 2017 01:19
failed lol
tyl-er
@tyl-er
Apr 02 2017 01:19

Hey I need some help with the Simon Game. I tried to make a function called compare that would compare the computer's pattern to the players moves, but it broke the game. Not necessarily asking how I should've gone about doing that, but feel free to make suggestions. I'm really trying to figure out what exactly I did wrong. You should be able to press the start button and have the computer start the pattern.

http://codepen.io/tyl-er/pen/PpBVyK?editors=0010

@moigithub?
Moisés Man
@moigithub
Apr 02 2017 01:37
@tyl-er missing a closing }
somewhere
Keon Samuel
@keonsam
Apr 02 2017 01:39
that is cool
Gilbert
@gilbertp97
Apr 02 2017 01:40
hi everyone
tyl-er
@tyl-er
Apr 02 2017 01:40
You're right thanks, but it's still not working lol. I'm just going to erase it and start over lol. @moigithub
CamperBot
@camperbot
Apr 02 2017 01:40
tyl-er sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2950 | @moigithub |http://www.freecodecamp.com/moigithub
Gilbert
@gilbertp97
Apr 02 2017 01:41
i just made it to challenge #119 asking me to build a codepen.io app that function similarly to this https://codepen.io/FreeCodeCamp/full/NNvBQW/
can anyone start me off on how i go about this
tyl-er
@tyl-er
Apr 02 2017 01:41
I'm gonna erase that function. Not the whole project.
Keon Samuel
@keonsam
Apr 02 2017 01:41
@gilbertp97 write good html
Moisés Man
@moigithub
Apr 02 2017 01:41
also length
u wrote lenght @tyl-er line 58, 66 .. didnt check all
Deepan Udaiyar
@CodeToOvercome
Apr 02 2017 01:41
hi guys, when it ry to emphasize text within a list group item , it messed up with space between words..
Keon Samuel
@keonsam
Apr 02 2017 01:43
using google with help.
tyl-er
@tyl-er
Apr 02 2017 01:43
@moigithub I think I need to take a break haha
Keon Samuel
@keonsam
Apr 02 2017 01:43
if you don't understand html good then I suggest codecademy or just go over the freecodecamp course until you get it.
Jesus Carrillo
@91integ25
Apr 02 2017 01:43
@tyl-er misspelling .length on pattern
tyl-er
@tyl-er
Apr 02 2017 01:43
@91integ25 thanks
CamperBot
@camperbot
Apr 02 2017 01:43
tyl-er sends brownie points to @91integ25 :sparkles: :thumbsup: :sparkles:
:cookie: 314 | @91integ25 |http://www.freecodecamp.com/91integ25
Gilbert
@gilbertp97
Apr 02 2017 02:14
hello
im tryin to use <style>
.red-text {
color: red;
}
</style>
but why doesent it work on codepen
please ignore this question i just figure out the problem
jrenee0605
@jrenee0605
Apr 02 2017 02:20
with the tribute page project who do we make a user story about. Can it be anyone?
Roxroy
@roxroy
Apr 02 2017 02:22
@jrenee0605 , yes any one will do. That parts is up to you.
KatSaldivar
@KatSaldivar
Apr 02 2017 02:48
@gilbertp97 do you have anything that says class=red-text in it? like, <p class=red-text></p>
Deepan Udaiyar
@CodeToOvercome
Apr 02 2017 02:58
hi guys, i just finished my Tribute page..Any feedback is highly appreciated..
Hernan Mendez
@hernanmendez
Apr 02 2017 02:59
hello everybody, i made a discord server, if anyone is interested, here's the link https://discord.gg/EqVt2qz you can ask either here or in the server chat for help and then enter on a voice chat
SaiChand Duppala
@saichandd
Apr 02 2017 03:09
can someone tell me why the varible due is not getting updated in my function
Roxroy
@roxroy
Apr 02 2017 03:09
@CodeToOvercome , Good. You can move our link item and place them in the settings section for the pen. Good use of your BS styles. Great Canadian choice.
SaiChand Duppala
@saichandd
Apr 02 2017 03:09

function checkCashRegister(price, cash, cid) {
  var change = [];
  var due = Number(Number(cash - price).toFixed(2));
  var cashLeft = Number(remainingMoney(cid));

  if(cashLeft < due){
      console.log("Insufficient Funds DAFAQ");
      return "Insufficient Funds";
  }

//number of significant digits is different so .. .. . ..
  if(cashLeft === due){
      console.log(due);
      return "Closed";
  }

  console.log(change, due);
  getChange(change, due, cid, 100.00);
  console.log(change, due);

  getChange(change, due, cid, 20.00);
  console.log(change, due);

  getChange(change, due, cid, 10.00);
  console.log(change, due);

  getChange(change, due, cid, 5.00);
  console.log(change, due);

 getChange(change, due, cid, 1.00);
  console.log(change, due);

 getChange(change, due, cid, 0.25);
  console.log(change, due);

  getChange(change, due, cid, 0.10);
  console.log(change, due);

  getChange(change, due, cid, 0.05);
  console.log(change, due);

  getChange(change, due, cid, 0.01);

  console.log(change , due);

  if(due === 0){
      return change;
  }
  return "Insufficient Funds"
}

function getChange(change, due, cid, currency){
    var key = getKey(currency);

    if(due >= currency && Object.values(cid[key])[1] >= currency){
        var counter = 0;
        while(due >= currency && Object.values(cid[key])[1] >= currency){
            due = Number(Number(due).toFixed(2)) - currency;
            cid[key][1] -= currency;
            console.log(Object.values(cid[key])[1],cid[key][1], due);
            counter++;
        }
        pushIt(counter, change, key);
    }
    return;
}

function getKey(currency){
    var key;
    if(currency === 100.00)
        key = 8;
    else if(currency === 20.00)
        key = 7;
    else if(currency === 10.00)
        key = 6;
    else if(currency === 5.00)
        key = 5;
    else if(currency === 1.00)
        key = 4;
    else if(currency === 0.25)
        key = 3;
    else if(currency === 0.10)
        key = 2;
    else if(currency === 0.05)
        key = 1;
    else if(currency === 0.01)
        key = 0;
    else
        return "something is wrong";

    return key;
}

function pushIt(counter, change, key){
    if(key === 8)
        change.push(["ONE HUNDRED", 100.00 * counter]);
    else if(key === 7)
        change.push(["TWENTY", 20.00 * counter]);
    else if(key === 6)
        change.push(["TEN", 10.00 * counter]);
    else if(key === 5)
        change.push(["FIVE", 5.00 * counter]);
    else if(key === 4)
        change.push(["ONE", 1.00 * counter]);
    else if(key === 3)
        change.push(["QUARTER", 0.25 * counter]);
    else if(key === 2)
        change.push(["DIME", 0.10 * counter]);
    else if(key === 1)
        change.push(["NICKEL", 0.05 * counter]);
    else if(key === 0)
        change.push(["PENNY", 0.01 * counter]);
    else
        return "something is wrong";
}


function remainingMoney(cid){
    var remaining = 0;
    for(var i = 0; i< cid.length; i++){
        remaining += Object.values(cid[i])[1];
    }
    return Number(remaining).toFixed(2);
}

checkCashRegister(3.26, 100.00, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.10], ["QUARTER", 4.25], ["ONE", 90.00], ["FIVE", 55.00], ["TEN", 20.00], ["TWENTY", 60.00], ["ONE HUNDRED", 100.00]]);
just look at lines 4-19 and 53
Roxroy
@roxroy
Apr 02 2017 03:13
@theNuclearman , you are not setting the value of due. You need to assign it to change it correctly. Also, getChange is not returning any thing. How this help.
SaiChand Duppala
@saichandd
Apr 02 2017 03:19

@roxroy I set the values of due right ?
```var due = Number(Number(cash - price).toFixed(2));

and in the code i'm updating it by

due = Number(Number(due).toFixed(2)) - currency;
```
and yeah get change doesnt return anything but updates cid and adds pushes values into the arrray change[]

@roxroy the whole code is working when i'm returning due from getChange and changing the function calls to
due = getChange(change, due, cid, 100); ...
Deepan Udaiyar
@CodeToOvercome
Apr 02 2017 03:24
@roxroy thanks man.
CamperBot
@camperbot
Apr 02 2017 03:24
codetoovercome sends brownie points to @roxroy :sparkles: :thumbsup: :sparkles:
:cookie: 538 | @roxroy |http://www.freecodecamp.com/roxroy
Shashank Kumar
@shashank893
Apr 02 2017 03:26

I am not able to provide the space between the heading and button .I just want to put them in the same line with some space.
Can someone please suggest the reason behind it?
I am using the below code:

<div class="row">
<div class="col-xs-6">
<h1 class="red-text">Livospire</h1>
</div>
<div class="col-xs-26">
<button class="btn btn-primary"> Services</button>
</div>
</div>

SaiChand Duppala
@saichandd
Apr 02 2017 03:26
@CodeToOvercome I think it'd look better if a margin-bottom id added to the whole page, the icons are almost touching the bottom
Shashank Kumar
@shashank893
Apr 02 2017 03:26
the output is like:LivospireServices
KatSaldivar
@KatSaldivar
Apr 02 2017 03:30
any idea why status is displaying NaN when it used to show the correct status in the commented out code?
         $("#followerInfo").prepend(

           '<div class="row rounded">' + '<div class= "col-md-2">' + '<img src="' + logo + '" style="width:120px;height:120px;">  </div>'  
       + '<div class= "col-md-8">'  + '<h2>' + name + '</h2>' + '<p>' +  
        + status + '</p>' + '</div>' + '</div>'

          // '<div class="row">' + '<div class= "col-md-4">' + '<img src="' + logo + '" style="width:75px;height:75px;">  </div>'  
                      //         + '<div class= "col-md-4">' + name + '</div>' +  
                        //      '<div class= "col-md-4">' + status + '</div>' + '</div>'
         );
Kait
@k-vosswinkel
Apr 02 2017 03:35
Hello everyone - I have a live site built in plain ol' Bootstrap, but would like to transition to Wordpress and set up a staging environment with as little downtime as possible. I was thinking of installing to a different directory (www.mydomain.com/wordpress), creating a placeholder page, and then a staging environment, and then moving everything over to the root domain once the work is done. Is this an acceptable workflow? Is there a better way? First time switching over like this.
V Arun Kumar
@arunvkumr
Apr 02 2017 03:39
@KatSaldivar can you share your pen? from the code you posted i have no idea what is status.
KatSaldivar
@KatSaldivar
Apr 02 2017 03:43
@arunvkumr thanks. I think I fixed it. I tested the code in a different section and it worked there so I originally copied and pasted and I believe thats what was weird about it not recognizing the status var. I tried just modifying the existing code to match what I was going to copy and It works now. https://codepen.io/KatSaldivar/pen/gmBrYY?editors=1011
V Arun Kumar
@arunvkumr
Apr 02 2017 03:44
@KatSaldivar :+1: looks good.
KatSaldivar
@KatSaldivar
Apr 02 2017 03:44
@arunvkumr thank you
CamperBot
@camperbot
Apr 02 2017 03:44
katsaldivar sends brownie points to @arunvkumr :sparkles: :thumbsup: :sparkles:
:cookie: 575 | @arunvkumr |http://www.freecodecamp.com/arunvkumr
V Arun Kumar
@arunvkumr
Apr 02 2017 03:46
@KatSaldivar yesterday you check my weather page, if you don't mind can you have a look again. i tweaked it a bit using geolocation, so it should show more accurate details. here : https://codepen.io/arunkumrv/full/oZmXWq/
KatSaldivar
@KatSaldivar
Apr 02 2017 03:49
@arunvkumr It looks really nice! its within 1 mile of my location. nicely done.
V Arun Kumar
@arunvkumr
Apr 02 2017 03:49
@KatSaldivar thanks
CamperBot
@camperbot
Apr 02 2017 03:49
arunvkumr sends brownie points to @katsaldivar :sparkles: :thumbsup: :sparkles:
:cookie: 274 | @katsaldivar |http://www.freecodecamp.com/katsaldivar
KatSaldivar
@KatSaldivar
Apr 02 2017 03:55
@arunvkumr You didn't use an api to find the location's lat and long? how did you do that? just curious. yours is much more accurate at finding the location than mine is. I used "http://ip-api.com/json"
SaiChand Duppala
@saichandd
Apr 02 2017 03:58
@KatSaldivar arunvkumar uses location and I guess you used IP address , so thats more accurate,
V Arun Kumar
@arunvkumr
Apr 02 2017 03:58
@KatSaldivar i used html's navigator.geolocation which find the current position of device( lat and long), and for weather i used wundergroundAPI and passed the lat and long to it.
KatSaldivar
@KatSaldivar
Apr 02 2017 04:01
@theNuclearman @arunvkumr Nice!
Johnny
@jtan3
Apr 02 2017 04:01
@KatSaldivar @arunvkumr wunderground also includes an auto ip in their api if you look at the documentation. So you really don't need the navigator.geolocation .
Roxroy
@roxroy
Apr 02 2017 04:01
@arunvkumr , It got my location but last the bit was undefined "Deckers Hill, Pickering, undefined". Layout and coding good.
KatSaldivar
@KatSaldivar
Apr 02 2017 04:02
@jtan3 Thats convenient. I wonder why fcc didn't choose to go with wunderground's api instead? It makes me want to go back and change mine because I like that so much better. lol
V Arun Kumar
@arunvkumr
Apr 02 2017 04:03
@jtan3 yea, i used the ip api before but it didn't show accurate details, for @KatSaldivar it showed 10 miles away from her. that's why i went with geolocation.
Roxroy
@roxroy
Apr 02 2017 04:04
@CodeToOvercome , your are welcome
V Arun Kumar
@arunvkumr
Apr 02 2017 04:11
@roxroy i will look into the issue and fix it asap, if you could tell me your lat and long(in private chat) so that i can generate the json and figure out why its showing undefined.
Roxroy
@roxroy
Apr 02 2017 04:17
@arunvkumr , what is the 3 part for? You should not show the value if it is undefined. Or set it to blank. That should do the job
V Arun Kumar
@arunvkumr
Apr 02 2017 04:19
@roxroy hmm, yea that would also work, the 3rd part is the country. thanks for the info.
CamperBot
@camperbot
Apr 02 2017 04:19
arunvkumr sends brownie points to @roxroy :sparkles: :thumbsup: :sparkles:
:cookie: 539 | @roxroy |http://www.freecodecamp.com/roxroy
Kshitiz
@kshtzsharma48
Apr 02 2017 04:21
is it good to code algorithms in javascript as your first programming language
Roxroy
@roxroy
Apr 02 2017 04:22
@arunvkumr , It shows my country. It may be something else . This is what is get
Deckers Hill, Pickering, undefined,
CA
CA is my country code, which is correct.
Kshitiz
@kshtzsharma48
Apr 02 2017 04:23
is it good to code algorithms in javascript as your first programming language
Johnny
@jtan3
Apr 02 2017 04:24
how would i do a keypress with a click function? My keypress doesn't work http://codepen.io/jtan3/pen/Npwvbe
Kshitiz
@kshtzsharma48
Apr 02 2017 04:26
is it good to code algorithms in javascript as your first programming language
Johnny
@jtan3
Apr 02 2017 04:27
@kshtzsharma48 it should help you learn javascript
Roxroy
@roxroy
Apr 02 2017 04:28
@jtan3 , are doing the 30-days of JS.
Johnny
@jtan3
Apr 02 2017 04:29
@roxroy kinda. Also the beta has this project too
Roxroy
@roxroy
Apr 02 2017 04:31
@jtan3 , really. Nice. that's a good way to learn JS. Smart.
Johnny
@jtan3
Apr 02 2017 04:32
@roxroy i was trying to use flexbox in this project too since its suppose to be an easier project
@roxroy also procrastinating on doing the calculator
Roxroy
@roxroy
Apr 02 2017 04:34
@jtan3 , are you using flex box that for to align your key boxes?
@jtan3 , you should be able to use the knowledge gained for the calculator.
V Arun Kumar
@arunvkumr
Apr 02 2017 04:36
@roxroy oh i see, then its the city object. I have made the changes, have a look and let me know if it still shows undefined.
https://codepen.io/arunkumrv/full/oZmXWq/
so i have tried a{
margin: 20px;
text-align: center;
}
in a ive tried it in the div=class and i still cant get my buttons to line up
Roxroy
@roxroy
Apr 02 2017 04:40
@arunvkumr , yes. got "Deckers Hill, Pickering, undefined, CA"
Dean Hawkins
@thawktrue
Apr 02 2017 04:40
what am i doing wrong
i mean my buttons in the middle
center
sigh anybody?
Johnny
@jtan3
Apr 02 2017 04:45
@thawktrue try margin: auto ?
Dean Hawkins
@thawktrue
Apr 02 2017 04:48
ok ill try that
Roxroy
@roxroy
Apr 02 2017 04:49
@thawktrue , are you trying to center the button to at the bottom ?
Dean Hawkins
@thawktrue
Apr 02 2017 04:50
what do you mean im trying to get them to space evenly in the middle. its just being.....difficult but in my other pen the same code works so i dont understand i guess lol
@jtan3 hmm yes it works i suppose but it seems to be a bit too far spacing apart
Johnny
@jtan3
Apr 02 2017 04:54
@thawktrue you should also use the class name you assigned for your buttons or the a tags in your navbar will also be affected.
Dean Hawkins
@thawktrue
Apr 02 2017 04:58
@jtan3 thanks and also now that ive added some <i class= fa fa-linkedin-box to the buttons it threw it all out of whack smh
CamperBot
@camperbot
Apr 02 2017 04:58
thawktrue sends brownie points to @jtan3 :sparkles: :thumbsup: :sparkles:
:cookie: 358 | @jtan3 |http://www.freecodecamp.com/jtan3
Dean Hawkins
@thawktrue
Apr 02 2017 04:59
its giving extra boxes all over the place
V Arun Kumar
@arunvkumr
Apr 02 2017 05:00
Roxroy
@roxroy
Apr 02 2017 05:01
@arunvkumr , there you go. Perfect. Well done.
Johnny
@jtan3
Apr 02 2017 05:06
@thawktrue you didn't close your social icons tags
Dean Hawkins
@thawktrue
Apr 02 2017 05:09
@jtan3 ohhhhh thank you
CamperBot
@camperbot
Apr 02 2017 05:09
thawktrue sends brownie points to @jtan3 :sparkles: :thumbsup: :sparkles:
:warning: thawktrue already gave jtan3 points
Johnny
@jtan3
Apr 02 2017 05:11
@thawktrue read up on containers and rows https://v4-alpha.getbootstrap.com/layout/grid/
Dean Hawkins
@thawktrue
Apr 02 2017 05:16
@jtan3 this is definitely something im struggling with
thanks
Ken Haduch
@khaduch
Apr 02 2017 05:19
@thawktrue - try the "tidy HTML" and "analyze HTML" options on the html tab. Once you get familiar with them they are helpful tools
Dean Hawkins
@thawktrue
Apr 02 2017 05:20
@khaduch i saw them up there and was afraid to click on them thank you as well
CamperBot
@camperbot
Apr 02 2017 05:20
thawktrue sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
Pagnito
@Pagnito
Apr 02 2017 05:20
does anyone know what could be causing this annoying animation glitch. when the link zoomz in all the way and the animation is over, the element moves slightly to the left
CamperBot
@camperbot
Apr 02 2017 05:20
:star2: 2694 | @khaduch |http://www.freecodecamp.com/khaduch
Roxroy
@roxroy
Apr 02 2017 05:27
@Pagnito , really nice animation and layout. WOW..
Spyrantis Theodoros
@thodorisanta
Apr 02 2017 05:31

@SkyCoder01

@thodorisanta Yeah, that works fine as far as I know. It's how I did it:
```js
$.getJSON(url1, url1Data => {
$.getJSON(url2, url2Data => {

// now url1Data and url2Data can be used below

if (/* test if not existent or closed */) {
  // process non-existent / closed channels
} else if (/* test if offline */) {
  // process offline channels
} else {
  // process online channels
}

}).fail(errorHandler);
}).fail(errorHandler);
if i use it like this. i mean put the one JSON call on the bottom of the other. can i still access the objects of the FIRST JSON call by usingdata.exampleor it will interfere with the second one. causedata``` now belongs to the second call or something.

Pagnito
@Pagnito
Apr 02 2017 05:55
@roxroy hehe thanks >.<
CamperBot
@camperbot
Apr 02 2017 05:55
pagnito sends brownie points to @roxroy :sparkles: :thumbsup: :sparkles:
:cookie: 541 | @roxroy |http://www.freecodecamp.com/roxroy
Roxroy
@roxroy
Apr 02 2017 06:04
@Pagnito , np. Know talent when I see it. All the best .
Pagnito
@Pagnito
Apr 02 2017 06:08
@roxroy same to you
shadab qamar
@shadabqamar
Apr 02 2017 07:03
Build a Random Quote Machine
how to get ajax call url
h1tag
@h1tag
Apr 02 2017 07:25
@shadabqamar search online
Chris Cullen
@123xylem
Apr 02 2017 08:23
body{
      margin-bottom:-1600px;
  background:url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR5nmdeCJsfh7z8v0ubu_uxIWSOLohLyPpeACI8eu4K29TXf8N7698Mtd9-");
height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-size:cover;
    /*background-attachment: fixed;*/
    overflow-y: scroll;
    overflow-x: hidden;

}

html{
    height:100%;
        margin-bottom: 50px;


}
nav{
    position:fixed !important;
    width:100%;
    /*z-index: 1;*/
}

.container{
    margin-top:40px;
    position:relative;
}


body > nav{
    background-attachment: scroll;
    background-position: 0% 0%;
    position: fixed; top: 0 ;

}
.nav-bar .navbar-default .navbar-brand{
    color:black;
    background-color: #00FA9A;
     background-attachment: scroll;
    background-position: 0% 0%;
    position: fixed; top: 0 ;

}

.logo{
    position:fixed; top:0; left:0;
    margin:0 auto;
    max-height: 240px;
    max-width:111px;
}
    .navbar-default .navbar-nav>li>a{
        color:black;
         background-attachment: scroll;
    background-position: 0% 0%;
        position: fixed; top: 0 ;

    }

.title{
text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px  black; 
    color:black;
position:absolute;}


.footerBox{                                         //FOOTER DIV
    width:100%;
    position: fixed; bottom: 0 ;
background-color: #3CB371    ;
 background-attachment: scroll;
    background-position: 0% 0%;

}
Im trying to make my footer and header both scroll and not hide elements on the page.. So far my header hides the title and the space my footer needs to be under html (html {margin-bot:50px}) is leaving a 50px white space in my background image...
Im lost withthis css so far! :)
Prateek Goel
@prateekgoel
Apr 02 2017 08:26
Can you share your html too? @123xylem
Chris Cullen
@123xylem
Apr 02 2017 08:27
@prateekgoel <%include ../partials/header.ejs%>

<div class="container">

  <!--<div class="titleBar"><h1 class="title" >Drone Home</h1></div> -->


    <h2 class="title">Our Latest Products</h2>



<div class="row ">

   <% drone.forEach(function(drone){ %>


<div class="col-md-3 col-sm-6">
       <a href="home/<%=drone.id%>">    
       <div class="showImg thumbnail">


<img class="img-responsive"src="<%=drone.image%>">

        <div class="caption-full">
            <h4 class="pull-right">$<%=drone.price%></h4>         
                <h4><a href="/home/<%=drone.id%>"><%=drone.name%></a></h4>

                    <p> <%=drone.description.substring(0,31)%>...</p>
        <a class="btn btn-secondary"href="/home/<%=drone.id%>">More Details</a>
        </div>

            </div></a>

          </div>
    <% }); %>
 </div>

 <!--//===========================================NEED TO BE ADMIN-===================================-->
<a class="btn btn-success btn-lg" href="/home/new">Add New Products</a>
<!--===========================================================================================-->

</div>

<%include ../partials/footer.ejs%>
O and my header is here:
<html>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <link rel="stylesheet" href="/stylesheets/main.css">

    <head>



        <title>EvolvesAware</title>
     </head>


    <body>



<nav class="titleBar navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class=" navbar-brand"href="/home"> <img class="logo"src="http://i68.tinypic.com/acc1hd.jpg["></a>

        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
<% if (currentUser){ %>
                                                                   <!--Need to add logic that shows only when appropriate-->
               <li><a href="/home/profile">Hello <%=currentUser.username%>!</a></li>
                              <li><a  href="/logout">LogOut</a></li>
                              <% } %>
<%  if(!currentUser) { %>
                <li><a href="/login">Login</a></li>
                <li><a href="/signup">SignUp</a></li>
            <%    } %>
                            </ul>
        </div>

    </div>
</nav>
<div class="container">

    <% if(error&& error.length>0){ %>
<div class="alert alert-danger">
   <strong><%=error%> </strong> 
</div>
<% }%>

<%if(success && success.length>0){ %>
<div class="alert alert-success">
  <strong><%=success%></strong> 
</div><% }%>

</div>
Prateek Goel
@prateekgoel
Apr 02 2017 08:29
Do you have a link to this? @123xylem
Chris Cullen
@123xylem
Apr 02 2017 08:39
sorry didnt see ur mesage
@prateekgoel
Mayank
@07mayank
Apr 02 2017 09:13
can anyone help me making buttons like contacts ,portfolio and contact like in https://codepen.io/freeCodeCamp/full/YqLyXB and also response like its doing.
Prateek Goel
@prateekgoel
Apr 02 2017 09:16
@123xylem remove height from html tag. give position:fixed to .titleBar. and give some padding top and bottom to body.
Chris Cullen
@123xylem
Apr 02 2017 09:17
@prateekgoel thanks... got it in one
CamperBot
@camperbot
Apr 02 2017 09:17
123xylem sends brownie points to @prateekgoel :sparkles: :thumbsup: :sparkles:
:cookie: 103 | @prateekgoel |http://www.freecodecamp.com/prateekgoel
Prateek Goel
@prateekgoel
Apr 02 2017 09:22
@07mayank Didn't get you. What buttons are you talking abt/
?
Spyrantis Theodoros
@thodorisanta
Apr 02 2017 09:22
$.getJSON('https://wind-bow.gomix.me/twitch-api/streams/ESL_SC2?callback=?', function(dοta) { $.getJSON('https://wind-bow.gomix.me/twitch-api/channels/ESL_SC2?callback=?', function(data) {........
as you will see, in order to use both URL's from the twitch api, i gave different names to the function(.....) i named one dota and the other one data. until i did this my the values of my project were messed up. but now that i did this it works well. Is this normal? or it was right before?
alpox
@alpox
Apr 02 2017 09:30
@thodorisanta You should always try to avoid name-clashes. The inner variable should override the outer variable though. But you couldn't access the outer variable anymore inside of the second callback when both variables are named the same
Spyrantis Theodoros
@thodorisanta
Apr 02 2017 09:31
@alpox what do you mean name-slashes?
alpox
@alpox
Apr 02 2017 09:31
@thodorisanta clashes. This means that two names have the same name even though they are in the same scope. One overrides the other.
HasaMatej
@HasaMatej
Apr 02 2017 09:32
Hi, i dunno why ul is under the div? https://codepen.io/HasaMatej/pen/vxbJex thanks :clap:
Spyrantis Theodoros
@thodorisanta
Apr 02 2017 09:32
@alpox so should i change anything? cause it works that way
http://codepen.io/oshikurou/pen/YZrqBy?editors=0011
alpox
@alpox
Apr 02 2017 09:33
@HasaMatej Are you going with bootstrap or without? Your code looks like you're using your own css but you have the bootstrap dependency in there and use 1 or 2 classes of bootstrap
@thodorisanta No this is fine now. I just wanted to give an answer to your question of why it was wrong before :-)
HasaMatej
@HasaMatej
Apr 02 2017 09:34
@alpox i try to use bootstap 😀
alpox
@alpox
Apr 02 2017 09:35
@thodorisanta You can always give any name you want to that parameter of the callback. It doesn't have to be data or json.
Spyrantis Theodoros
@thodorisanta
Apr 02 2017 09:35
@alpox ok. but when i use a json call inside a json call i have to name them differently so i can mess with both right?
alpox
@alpox
Apr 02 2017 09:36
@HasaMatej Then i suggest you to first go without your own css for the navbar but instead use proper bootstrap layout/classes:
https://v4-alpha.getbootstrap.com/components/navbar/
@HasaMatej The link i sent you is the official documentation of how to make a navbar with bootstrap v4 (The one you have in your pen)
@thodorisanta Exactly. If you didn't do that, the response of the first call is ignored because you override the variable in which the result was stored.
@thodorisanta Sry i tagged you wrongly before :D
Spyrantis Theodoros
@thodorisanta
Apr 02 2017 09:38
@alpox haha okay :) thanks
CamperBot
@camperbot
Apr 02 2017 09:38
thodorisanta sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 905 | @alpox |http://www.freecodecamp.com/alpox
HasaMatej
@HasaMatej
Apr 02 2017 09:40
@alpox ty dude :h
CamperBot
@camperbot
Apr 02 2017 09:40
hasamatej sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 906 | @alpox |http://www.freecodecamp.com/alpox
Keon Samuel
@keonsam
Apr 02 2017 10:10
why is my search icon showing up after I press enter in the input?
can anyone help me begin obtaining informatio nwith an api
i'm not sure if I have it linked together correctly
Keon Samuel
@keonsam
Apr 02 2017 10:16
I am not in San Diego US so you need to work on that
AbradolfLinclr
@AbradolfLinclr
Apr 02 2017 10:18
@keonsam lol my code isn't working at all in that department. i typed out san diego because I want it to say that when I finish the ajax/json lol
Marco Mazzeo
@Doko85
Apr 02 2017 10:18
guys, I've a problem with css alignment, is anybody here free for some help?
Keon Samuel
@keonsam
Apr 02 2017 10:19
post your code let me see if I can help.
AbradolfLinclr
@AbradolfLinclr
Apr 02 2017 10:20
$(document).ready(function(){

  var showWeather = document.getElementById("#data");

  if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function(position) {

    $.ajax({
    type: 'GET',
    url: "api.openweathermap.org/data/2.5/weather?lat={position.coords.latitude}&lon={position.coords.longitude}",
    success: function (weather){
      $.each(weather, function(i, weather){
        showWeather.append(<p>weather.rain</p>);
      })
    }

  });



  });
  }







});
Keon Samuel
@keonsam
Apr 02 2017 10:20
the other guy
@keonsam the gender thing is driving me crazy
Keon Samuel
@keonsam
Apr 02 2017 10:21
ouh
idk I am not that far yet
Marco Mazzeo
@Doko85
Apr 02 2017 10:22
well... it's css alignment ^^;
AbradolfLinclr
@AbradolfLinclr
Apr 02 2017 10:23
@keonsam how did you know your IP url was this http://ip-api.com/json/
@keonsam I don't understand the call....
Keon Samuel
@keonsam
Apr 02 2017 10:24
that is the ip address call to find the location
I am guessing you can use the geolocation thing too.
AbradolfLinclr
@AbradolfLinclr
Apr 02 2017 10:25
@keonsam idk i guess I still don't really understand at all what I'm doing...
@keonsam back to the books.
Keon Samuel
@keonsam
Apr 02 2017 10:26
yh
that one is harder than the quote machine
AbradolfLinclr
@AbradolfLinclr
Apr 02 2017 10:27
@keonsam i didnt use an api on quote machine because I can't figure out how to connect an api to my jscript.
@keonsam i feel like my call is just fucked up so i can't get the information into the api
Keon Samuel
@keonsam
Apr 02 2017 10:28
bro
AbradolfLinclr
@AbradolfLinclr
Apr 02 2017 10:28
@keonsam i understand jscript enough to manipulate variables, just not enough to connect to link to other api's and pull information
Keon Samuel
@keonsam
Apr 02 2017 10:28
that is the point of this challenge
to learn how to use api
AbradolfLinclr
@AbradolfLinclr
Apr 02 2017 10:29
@keonsam ik... and i did it the easy way just to prove I could make a random quote machine using my own objects
@keonsam i still have no idea how to connect to an api... any good tutorials you've came across?
Keon Samuel
@keonsam
Apr 02 2017 10:29
two ways
.getJSON
.ajax
believe me when I tell you that I spent like two days to understand it.
AbradolfLinclr
@AbradolfLinclr
Apr 02 2017 10:31
oh i understand man... but where did you start is my question... I just don't understand the call. I understand literally 100% of your codepen... but I don't know where you got that api link...
Johnny
@JohnnyBizzel
Apr 02 2017 10:33
@AbradolfLinclr Do you know what API means?
AbradolfLinclr
@AbradolfLinclr
Apr 02 2017 10:37
@JohnnyBizzel application program interface ... basically a set of already established objects and other functions to help you create a software application?
AlextheOk
@AlextheOk
Apr 02 2017 10:37

Hi all<

I am wanting to insert a youtube video into my tribute page, which I have managed to do with this code.

<a href= "https://www.youtube.com/watch?v=R5QVRmeHwjI">Click here to see Kotzen tell his story and play his song</a>

But I was just wondering how one would make just the words 'Click here" be the hyperlink and not the whole sentence

Thank you

Johnny
@JohnnyBizzel
Apr 02 2017 10:40

@AbradolfLinclr

application program interface ... basically a set of already established objects and other functions to help you create a software application?

I would say that it is a set of methods to access data or functions from another program on the web (generally), so you can use their code to enhance your own code.

So a simple way of accessing this is through an ajax request.

@AbradolfLinclr He probably got that link with a Google search for "IP address Api". There are many out there.
AbradolfLinclr
@AbradolfLinclr
Apr 02 2017 10:44
@JohnnyBizzel I somewhat understand that you need to use the ajax 'get' request to get that information
https://codepen.io/Abradolf_Linclr/pen/NpobbZ how far am i off off getting the information from my geo lookup
Johnny
@JohnnyBizzel
Apr 02 2017 10:45
@AbradolfLinclr Yes because you don't know when the response will happen - so it has to be asynchronous.
Harsh Chandra
@HarshHC
Apr 02 2017 10:45
Can anyone help me a bit with something in a practice project I was making using JS.....
Johnny
@JohnnyBizzel
Apr 02 2017 10:46

@AlextheOk

Hi all<

I am wanting to insert a youtube video into my tribute page, which I have managed to do with this code.

<a href= "https://www.youtube.com/watch?v=R5QVRmeHwjI">Click here</a>

@HarshHC How can I help?
Harsh Chandra
@HarshHC
Apr 02 2017 10:47
@JohnnyBizzel so I was making a project to practice JS here it is...... but facing a problem in calculating total http://codepen.io/HarshHC/pen/VpVqgX?editors=1010
Johnny
@JohnnyBizzel
Apr 02 2017 10:47
@AbradolfLinclr You can use if (navigator.geolocation) { but it is not reliable.
Harsh Chandra
@HarshHC
Apr 02 2017 10:48
@JohnnyBizzel scroll down enter a flight number , then submit , then enter any amount of passengers , for example 2 , the total it shows after it is always 0 which is wrong . can u check it out and help fix it pls
AlextheOk
@AlextheOk
Apr 02 2017 10:49
@JohnnyBizzel Oh yes, should have got that! Thanks very much
CamperBot
@camperbot
Apr 02 2017 10:49
alextheok sends brownie points to @johnnybizzel :sparkles: :thumbsup: :sparkles:
:star2: 1593 | @johnnybizzel |http://www.freecodecamp.com/johnnybizzel
Keon Samuel
@keonsam
Apr 02 2017 10:51
someone who is a pro help me
try out my search icon, type in something then press enter.
Harsh Chandra
@HarshHC
Apr 02 2017 10:52
@JohnnyBizzel did u understand where I need help....
Keon Samuel
@keonsam
Apr 02 2017 10:52
tell me what I am doing wrong.
Johnny
@JohnnyBizzel
Apr 02 2017 10:53
One minute
@HarshHC the code for the passenger button click is inside the code for the flightNo button
Harsh Chandra
@HarshHC
Apr 02 2017 10:55
@JohnnyBizzel that is because it shows up only after we got the flight number
Keon Samuel
@keonsam
Apr 02 2017 10:55
ruuuuuuh
Johnny
@JohnnyBizzel
Apr 02 2017 10:56

ruuuuuuh

??

try out my search
Keon Samuel
@keonsam
Apr 02 2017 10:58
press enter
Shashank Kumar
@shashank893
Apr 02 2017 10:58
I am actually stuck in the place and not able to figure out how to provide space between buttons ..
please help me out
Keon Samuel
@keonsam
Apr 02 2017 10:59
@shashank893
what are you doing? the portfolio?
Shashank Kumar
@shashank893
Apr 02 2017 10:59
where u want me to press enter @keonsam ??
yes..
Johnny
@JohnnyBizzel
Apr 02 2017 10:59
Shashank Kumar
@shashank893
Apr 02 2017 11:00
I just created the random buttons but i m not able to provide space to them .
Keon Samuel
@keonsam
Apr 02 2017 11:01
lol
your grid is wrong
no col-xs-16
I thing the max is 12
Harsh Chandra
@HarshHC
Apr 02 2017 11:02
@JohnnyBizzel http://prntscr.com/ergx06 umm?
Keon Samuel
@keonsam
Apr 02 2017 11:02
I think the max is 12
Shashank Kumar
@shashank893
Apr 02 2017 11:02
nothing is working @keonsam
??
*!
Keon Samuel
@keonsam
Apr 02 2017 11:03
try something like col-4
i tried 6 but still the same result
Johnny
@JohnnyBizzel
Apr 02 2017 11:04
@keonsam you should do document.getElementById("searchId");
Harsh Chandra
@HarshHC
Apr 02 2017 11:05
@JohnnyBizzel I got it myself! Thanks for helping tho
CamperBot
@camperbot
Apr 02 2017 11:05
harshhc sends brownie points to @johnnybizzel :sparkles: :thumbsup: :sparkles:
:star2: 1594 | @johnnybizzel |http://www.freecodecamp.com/johnnybizzel
AbradolfLinclr
@AbradolfLinclr
Apr 02 2017 11:06

@JohnnyBizzel i know its mostly a copy but could you tell me why I still can't obtain any of the info of the api.

https://codepen.io/Abradolf_Linclr/pen/NpobbZ

Shashank Kumar
@shashank893
Apr 02 2017 11:10
@keonsam I am not able to get answer :( can you please point out the mistake?
h1tag
@h1tag
Apr 02 2017 11:11
@shashank893 you're adding Bs 4 and using Bs 3 classes
Keon Samuel
@keonsam
Apr 02 2017 11:13
<div class="col-4">
Shashank Kumar
@shashank893
Apr 02 2017 11:15
@fortMaximus I am new to this .Can you please explain how to identify bs4 and bs3 classes and when and where can we use it?
h1tag
@h1tag
Apr 02 2017 11:16
@shashank893 Look at what the Bs link says in your CSS settings
bs3 classes are the one you used in the challenges
Keon Samuel
@keonsam
Apr 02 2017 11:17
@shashank893 I just put the code above try it
h1tag
@h1tag
Apr 02 2017 11:17
and if you want to know more about the topic read the Bs documentation
for both. And see what has changed
Johnny
@JohnnyBizzel
Apr 02 2017 11:18
Shashank Kumar
@shashank893
Apr 02 2017 11:18
yes..its working @keonsam ..Thanks in bunch :)
but I have one more question??
CamperBot
@camperbot
Apr 02 2017 11:18
shashank893 sends brownie points to @keonsam :sparkles: :thumbsup: :sparkles:
:cookie: 268 | @keonsam |http://www.freecodecamp.com/keonsam
Keon Samuel
@keonsam
Apr 02 2017 11:18
What is that?
PedroCSilva
@PedroCSilva
Apr 02 2017 11:19
Hi everyone!
Keon Samuel
@keonsam
Apr 02 2017 11:19
hey
Johnny
@JohnnyBizzel
Apr 02 2017 11:20
@AbradolfLinclr Did you inspect the code: TypeError: json.forEach is not a function
Harsh Chandra
@HarshHC
Apr 02 2017 11:20
@JohnnyBizzel Yes it worked! thanks!
CamperBot
@camperbot
Apr 02 2017 11:20
harshhc sends brownie points to @johnnybizzel :sparkles: :thumbsup: :sparkles:
:warning: harshhc already gave johnnybizzel points
Shashank Kumar
@shashank893
Apr 02 2017 11:20
The classes text-center (1) row (1) col-4 (3) btn (3) btn-block (3) btn-primary (1) btn-info (1) btn-danger (1) are used in the HTML but not found in any stylesheet. Since you have external stylesheets, you can probably ignore this.
why I am getting this as notification ??
Johnny
@JohnnyBizzel
Apr 02 2017 11:20
@HarshHC Any time
Shashank Kumar
@shashank893
Apr 02 2017 11:21
these are already pre defined ,right?
PedroCSilva
@PedroCSilva
Apr 02 2017 11:21
On bootstrap, yes
make sure you include it
Johnny
@JohnnyBizzel
Apr 02 2017 11:21
@shashank893 these are BootStrap classes
Shashank Kumar
@shashank893
Apr 02 2017 11:21
I have added the BS classes also in CSS..still these notifications are coming
Johnny
@JohnnyBizzel
Apr 02 2017 11:21
@shashank893 And at no extra cost :+1:
PedroCSilva
@PedroCSilva
Apr 02 2017 11:22
no need to add them to your CSS
Shashank Kumar
@shashank893
Apr 02 2017 11:22
then how can we avoid this notification?
PedroCSilva
@PedroCSilva
Apr 02 2017 11:22
btw where are you adding stuff? Codepen?
Shashank Kumar
@shashank893
Apr 02 2017 11:22
yes
PedroCSilva
@PedroCSilva
Apr 02 2017 11:22
link
shivam gupta
@shivamg11000
Apr 02 2017 11:24
can anyone explain me what exactly I have to do about the "Build a Tribute page" challenge.
h1tag
@h1tag
Apr 02 2017 11:24
@shashank893 My fault, it seems that the classes you were using doesn't cause conflict (I thought that because I removed the Bs link (the one you were using) and saw the result (after removing Bs4 one) and then added the Bs 3 one (and saw the result again) and thought that that was what fixed the problem
Shashank Kumar
@shashank893
Apr 02 2017 11:25
ok ok @fortMaximus no issues
PedroCSilva
@PedroCSilva
Apr 02 2017 11:25
Only issue I find here
Johnny
@JohnnyBizzel
Apr 02 2017 11:25
@shivamg11000 Build a webpage with a tribute to someone or something you like.
PedroCSilva
@PedroCSilva
Apr 02 2017 11:25
is with your font family Monotype Corsiva
shivam gupta
@shivamg11000
Apr 02 2017 11:26
tribute to anyone it may?
Johnny
@JohnnyBizzel
Apr 02 2017 11:26
@shashank893 see some examples here: http://codepen.io/collection/nqawWO/#
shivam gupta
@shivamg11000
Apr 02 2017 11:27
Can it be tribute to FCC
Johnny
@JohnnyBizzel
Apr 02 2017 11:28
@shivamg11000 The test is not what you make a tribute of. It is a test of making a responsive page that is well laid out.
shivam gupta
@shivamg11000
Apr 02 2017 11:28
ok
Shashank Kumar
@shashank893
Apr 02 2017 11:29
but the thing is I am trying to avoid the warning @PedroCSilva !!
thanku @JohnnyBizzel
CamperBot
@camperbot
Apr 02 2017 11:29
shashank893 sends brownie points to @johnnybizzel :sparkles: :thumbsup: :sparkles:
:star2: 1595 | @johnnybizzel |http://www.freecodecamp.com/johnnybizzel
Shashank Kumar
@shashank893
Apr 02 2017 11:29
:)
Johnny
@JohnnyBizzel
Apr 02 2017 11:30
@shashank893 ;)
PedroCSilva
@PedroCSilva
Apr 02 2017 11:31
warning? it's because you aren't retrieving the font
from what I can tell it's because that font is paid
Keon Samuel
@keonsam
Apr 02 2017 11:31
what you guys use to get information from the form into JS?
PedroCSilva
@PedroCSilva
Apr 02 2017 11:32
depends if you're using a framework or vanilla js
Keon Samuel
@keonsam
Apr 02 2017 11:32
vanilla JS i think
$("#searchId").on("keypress", function (e) {
  if(e.keyCode===13);
var userSearch= document.getElementById("searchId");
var wikiUrl= "https://en.wikipedia.org/w/api.php?action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=json";
    console.log(userSearch);
  //end of eventlistener
  });
PedroCSilva
@PedroCSilva
Apr 02 2017 11:33
you're using jQuery
Keon Samuel
@keonsam
Apr 02 2017 11:33
that doesn't seems to want to work.
yes
PedroCSilva
@PedroCSilva
Apr 02 2017 11:34
what do you want to do? I need full context
Shashank Kumar
@shashank893
Apr 02 2017 11:34
@PedroCSilva the warning is something different.
Even if I tried it with Lobster its still same :(
Keon Samuel
@keonsam
Apr 02 2017 11:34
I want the information the user enter.
into the input
PedroCSilva
@PedroCSilva
Apr 02 2017 11:35
btw first of all: you do realize that $("#searchId") and var userSearch= document.getElementById("searchId"); is mostly the same
right?
Johnny
@JohnnyBizzel
Apr 02 2017 11:36
@PedroCSilva they do exactly the same thing!
PedroCSilva
@PedroCSilva
Apr 02 2017 11:36
not exactly
Johnny
@JohnnyBizzel
Apr 02 2017 11:36
Oh? How so?
PedroCSilva
@PedroCSilva
Apr 02 2017 11:36
one returns an html dom object, the other a jquery object
jquery object has a first element which is the html dom object
Johnny
@JohnnyBizzel
Apr 02 2017 11:37
Ah ok.
PedroCSilva
@PedroCSilva
Apr 02 2017 11:37
thats why I said mostly :D
Keon Samuel
@keonsam
Apr 02 2017 11:37
Im trying to get the information when the user press enter
PedroCSilva
@PedroCSilva
Apr 02 2017 11:38
keonsam do you read docs? it helps with these kind of issues
docs are your best friend
btw @JohnnyBizzel , seems you're quite the traveler!
Johnny
@JohnnyBizzel
Apr 02 2017 11:40
@PedroCSilva I have been about a bit. Still 140+ countries left!!
PedroCSilva
@PedroCSilva
Apr 02 2017 11:40
Hahah
That's the mindset!
Johnny
@JohnnyBizzel
Apr 02 2017 11:41
:joy:
Not been to Portugal yet!
@PedroCSilva what are you working on at the moment? I am doing the Recipe app.
PedroCSilva
@PedroCSilva
Apr 02 2017 11:42
It's a cheap country to visit with a lot to experience. Not the best if you're into landmarks though
But I'd def recommend spending some days in Porto and Lisbon
Johnny
@JohnnyBizzel
Apr 02 2017 11:44
One day I will make it over there. It is popular with the English.
PedroCSilva
@PedroCSilva
Apr 02 2017 11:44
@JohnnyBizzel I'm waiting for the updated curriculum. I've been reading the You Dont Know JS series and this weekend I decided to revisit some of my FCC projects
I'm rebuilding the random quote project using Vue2
Johnny
@JohnnyBizzel
Apr 02 2017 11:44
@PedroCSilva Good idea. Re-doing some Front End projects in different frameworks.
PedroCSilva
@PedroCSilva
Apr 02 2017 11:45
Yeah, in my case not just using a different framework but writing better code :D
btw Vue 2 is awesome and I'd recommend it over jquery
Johnny
@JohnnyBizzel
Apr 02 2017 11:46
;)
Vue is on the list of things to learn!
... a very long list :/
PedroCSilva
@PedroCSilva
Apr 02 2017 11:46
that's good
Johnny
@JohnnyBizzel
Apr 02 2017 11:47
I tried Ember but I got stuck so left that to one side!
PedroCSilva
@PedroCSilva
Apr 02 2017 11:47
I'll try React next
btw link to my codepen app in case you're curious
Johnny
@JohnnyBizzel
Apr 02 2017 11:48
Tons of fun, React!
Keon Samuel
@keonsam
Apr 02 2017 11:49
pedroCSilva
tell me why my icon pop up back when you press enter
Johnny
@JohnnyBizzel
Apr 02 2017 11:50
@PedroCSilva thanks, I will take a look at that. ;)
CamperBot
@camperbot
Apr 02 2017 11:50
johnnybizzel sends brownie points to @pedrocsilva :sparkles: :thumbsup: :sparkles:
:warning: @pedrocsilva's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Keon Samuel
@keonsam
Apr 02 2017 11:50
@PedroCSilva
Johnny
@JohnnyBizzel
Apr 02 2017 11:50
@keonsam Why don't you have the user have the option of pressing a button or pressing enter to do the search?
A user on a mobile or tablet will not have easy access to the enter key.
Rudy Hernandez
@rudolphh
Apr 02 2017 11:50
@PedroCSilva good choice w/ vue2. i did the markdown previewer in react and vue. the beta test suite doesn't pass for vue, but works exact. react is fun all the same, but vue feels intuitive to what we learn from the beginning. good job on the project.
PedroCSilva
@PedroCSilva
Apr 02 2017 11:53
Just trying to solve the issue with my github account
Keon Samuel
@keonsam
Apr 02 2017 11:54
I am going to go the easy route for now
Johnny
@JohnnyBizzel
Apr 02 2017 11:54
@keonsam the easy route would be a button click i.m.o.
What do I know though?
Keon Samuel
@keonsam
Apr 02 2017 11:56
yes
and a form that does not require jquery
PedroCSilva
@PedroCSilva
Apr 02 2017 12:03
can someone thank me now pls? Just to see if the issue is fixed
I was getting this message: @pedrocsilva's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Keon Samuel
@keonsam
Apr 02 2017 12:06
@PedroCSilva thanks
CamperBot
@camperbot
Apr 02 2017 12:06
keonsam sends brownie points to @pedrocsilva :sparkles: :thumbsup: :sparkles:
:cookie: 308 | @pedrocsilva |http://www.freecodecamp.com/pedrocsilva
PedroCSilva
@PedroCSilva
Apr 02 2017 12:06
it's working! Thanks @keonsam
Keon Samuel
@keonsam
Apr 02 2017 12:06
probably case sensitive
Kavindra Nikhurpa
@kavi-nikhurpa
Apr 02 2017 12:07
I'm trying to remove active class from bootstrap navbar links using jquery.
$(window).scroll(function(){
$('.nav li').removeClass('active');
});
But it's not working
PedroCSilva
@PedroCSilva
Apr 02 2017 12:08
Thanks @rudolphh ! The design of your random quotes app looks awesome, I'd just work on some transitions between quotes to make it even better
CamperBot
@camperbot
Apr 02 2017 12:08
pedrocsilva sends brownie points to @rudolphh :sparkles: :thumbsup: :sparkles:
:cookie: 132 | @rudolphh |http://www.freecodecamp.com/rudolphh
Rudy Hernandez
@rudolphh
Apr 02 2017 12:09
@PedroCSilva yeah i wanted to but was time to move on. the timing of transitions was doing some funky stuff so i didn't care to go any further. thanks.
CamperBot
@camperbot
Apr 02 2017 12:09
rudolphh sends brownie points to @pedrocsilva :sparkles: :thumbsup: :sparkles:
:cookie: 309 | @pedrocsilva |http://www.freecodecamp.com/pedrocsilva
Chris Cullen
@123xylem
Apr 02 2017 12:10

Can someone help me with my dropdown link.. it wont display any dropdown links or do anything except for be clicked.

<html>

    <script   src="https://code.jquery.com/jquery-3.2.1.min.js"   integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="   crossorigin="anonymous"></script>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

        <link rel="stylesheet" href="/stylesheets/main.css">

    <head>



        <title>EvolvesAware</title>
     </head>


    <body>


<nav class="titleBar navbar navbar-default navbar-fixed-top>
    <div class="container-fluid">
        <div class="navbar-header">
            <a class=" navbar-brand"href="/home"> <img class="logo"src="http://i68.tinypic.com/acc1hd.jpg["></a>

        </div>
        <div class="collapse navbar-collapse">
            <ul class=" nav navbar-nav navbar-right">

<% if (currentUser){ %>
                                                                   <!--Need to add logic that shows only when appropriate-->
               <li><a href="/home/profile">Hello <%=currentUser.username%>!</a></li>
                              <li><a  href="/logout">LogOut</a></li>
                              <% } %>
<%  if(!currentUser) { %>
                <li><a href="/login">Login</a></li>
                <li><a href="/signup">SignUp</a></li>
            <%    } %>
                            </ul>                 <ul class=" navbar-nav navbar-right dropdown show">
  <a class=" btn btn-primary dropdown-toggle"  id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown link
  </a>

  <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </ul>


        </div>

    </div>
</nav>

Trying to make my drop down menu drop down

Any idea why its unresponsive
Rudy Hernandez
@rudolphh
Apr 02 2017 12:11
did you include the bootstrap js?
PedroCSilva
@PedroCSilva
Apr 02 2017 12:12
@123xylem link for codepen pls
Rudy Hernandez
@rudolphh
Apr 02 2017 12:12
i see you have the css @123xylem but don't see the js script for bootstrap
Relevant for most of the users of this chat
Rudy Hernandez
@rudolphh
Apr 02 2017 12:14
oh snapple @123xylem also your scripts and css links should be within the head tag
alpox
@alpox
Apr 02 2017 12:30
@PedroCSilva I already see the people running into the problem of not being able to use the openweather api anymore..
Chris Cullen
@123xylem
Apr 02 2017 12:35
tpondant
@tpondant
Apr 02 2017 12:38
Hello everyone.
I need some help with my weather app project, I am trying to get the toggle function in my script, I have seen that you have to use toggleClass, but I have tried it and cannot get it to work properly. Could someone give me indications?
Keon Samuel
@keonsam
Apr 02 2017 13:08
uhmmm
$("button").on("click", function(){
var userSearch= document.getElementById('searchId');
console.log(userSearch)
this just return the html of the input.
alpox
@alpox
Apr 02 2017 13:09
@keonsam .value
Keon Samuel
@keonsam
Apr 02 2017 13:11
in the <input> or after ('searchId')?
@alpox where to put it?
PedroCSilva
@PedroCSilva
Apr 02 2017 13:19
Keonsam I gave you a link explaining what getElementById does
Keon Samuel
@keonsam
Apr 02 2017 13:20
I just want the information the user enter in the form into JS
PedroCSilva
@PedroCSilva
Apr 02 2017 13:21
have you googled about it
Keon Samuel
@keonsam
Apr 02 2017 13:22
come on, I have been googling for a while now.
shivam gupta
@shivamg11000
Apr 02 2017 13:24
@shivamg11000
Hi there Campers! I am trying to fix the orange sheet in the center horizontally.
https://codepen.io/shivamg11000/pen/EWrbMM
Check in full screen
bookmark that link in your CSS Folder ;)
shivam gupta
@shivamg11000
Apr 02 2017 13:28
which link?
PedroCSilva
@PedroCSilva
Apr 02 2017 13:29
css tricks
has a lot of useful info
shivam gupta
@shivamg11000
Apr 02 2017 13:29
ok
PedroCSilva
@PedroCSilva
Apr 02 2017 13:29
Have you managed to center it'
shivam gupta
@shivamg11000
Apr 02 2017 13:30
trying to
Keon Samuel
@keonsam
Apr 02 2017 13:32
@PedroCSilva I been at that for hours now. thanks man.
CamperBot
@camperbot
Apr 02 2017 13:32
keonsam sends brownie points to @pedrocsilva :sparkles: :thumbsup: :sparkles:
:cookie: 310 | @pedrocsilva |http://www.freecodecamp.com/pedrocsilva
Alex
@Joshua-A-Smith
Apr 02 2017 13:32
@shivamg11000
Try
left:300px;
PedroCSilva
@PedroCSilva
Apr 02 2017 13:34
@keonsam try to read documentation more often
shivam gupta
@shivamg11000
Apr 02 2017 13:35
The margin: 0 auto didnt worked
PedroCSilva
@PedroCSilva
Apr 02 2017 13:36
I tried and it worked
Keon Samuel
@keonsam
Apr 02 2017 13:36
margin: auto
I don't know about that margin:0 auto.
shivam gupta
@shivamg11000
Apr 02 2017 13:36
@PedroCSilva Send me the code for orange sheet
kirbyedy
@kirbyedy
Apr 02 2017 13:37
@shivamg11000 your code is wrong
it has to be: margin:0 auto;
not margin-left: 0 auto and margin-right: 0 auto
also you have to remove the position: absolute
shivam gupta
@shivamg11000
Apr 02 2017 13:38
Removing position: absolute worked
But I need it to be liitle down the page
shivam gupta
@shivamg11000
Apr 02 2017 13:41
@PedroCSilva thnx
CamperBot
@camperbot
Apr 02 2017 13:41
shivamg11000 sends brownie points to @pedrocsilva :sparkles: :thumbsup: :sparkles:
:cookie: 311 | @pedrocsilva |http://www.freecodecamp.com/pedrocsilva
PedroCSilva
@PedroCSilva
Apr 02 2017 13:41
try to read a bit about positioning in CSS
shivam gupta
@shivamg11000
Apr 02 2017 13:41
I dint knew other can change my code as It is my id.
PedroCSilva
@PedroCSilva
Apr 02 2017 13:41
might be useful
I had to fork it
alpox
@alpox
Apr 02 2017 13:51
@keonsam
$("button").on("click", function(){
    var userSearch= document.getElementById('searchId');
    console.log(userSearch.value);
});
Keon Samuel
@keonsam
Apr 02 2017 13:55
cool I already charged it
Damir Dordevski
@damirdordevski
Apr 02 2017 14:28

Hi everyone can somebody help me please with this please?
I am building my portfolio page and I copied code for rows in my portfolio section, but somehow it cant recognize that I want two rows and two columns, this is my page:

https://codepen.io/damirdordevski/full/vxbgvN/

<div class="row text-center" style "padding:5%">
<div class="column-md-6">
<div class="card" style="width: 20rem;">
<img class="card-img-top" src="http://unbounce.com/photos/take-lessons.jpg" alt="English lessons website">
<div class="card-block">
<h3 class="card-title">English lessons</h3>
<p class="card-text">Napisi kratki tekst</p>
</div>
</div>
</div>
<div class="column-md-6">
<div class="card" style="width: 20rem;">
<img class="card-img-top" src="http://unbounce.com/photos/take-lessons.jpg" alt="English lessons website">
<div class="card-block">
<h3 class="card-title">English lessons</h3>
<p class="card-text">Napisi kratki tekst</p>
</div>
</div>
</div>
</div>

The code I used is here, so instead of putting this two cards one next to another, it puts them one below other. I checked everything 4 times and cant figure it out.

rugano
@rugano
Apr 02 2017 14:31
Hello campers.
Any suggestion for learning resource for social media html and CSS styling for my web page footer?
Simo
@SimoOmis10
Apr 02 2017 14:34
hello
kirbyedy
@kirbyedy
Apr 02 2017 14:34
@damirdordevski bootstrap is a 12 column grid system
@damirdordevski so you have to make 1 row that inside has col-md-6 and col-md-6
Damir Dordevski
@damirdordevski
Apr 02 2017 14:35
<div class="row text-center" style "padding:5%">
<div class="column-md-6">
<div class="card" style="width: 20rem;">
<img class="card-img-top" src="http://unbounce.com/photos/take-lessons.jpg" alt="English lessons website">
<div class="card-block">
<h3 class="card-title">English lessons</h3>
<p class="card-text">Napisi kratki tekst</p>
</div>
</div>
</div>
One card is 6 and another one 6 thats 12
Moisés Man
@moigithub
Apr 02 2017 14:36
```
its easier to read if code
its proper formatted
```
becomes :point_down:
   is easier to read if code
   is proper formatteed
kirbyedy
@kirbyedy
Apr 02 2017 14:37
@damirdordevski your syntax is wrong, check what I wrote
its not column-md-6
col-md-6
:point_up:
Manuel
@manuelalej22
Apr 02 2017 14:39
I don't understand the user-story thing. what libraries is it talking about? I mean for the tribute page challenge
kirbyedy
@kirbyedy
Apr 02 2017 14:39
@manuelalej22 additional libraries like bootstrap, jquery, foundation etc.
Manuel
@manuelalej22
Apr 02 2017 14:40
but isn't sopposed to be html only? + boostrap
Damir Dordevski
@damirdordevski
Apr 02 2017 14:40
@kirbyedy thanks mate if you ever come near Mostar I owe you a beer :D
CamperBot
@camperbot
Apr 02 2017 14:40
damirdordevski sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1976 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
kirbyedy
@kirbyedy
Apr 02 2017 14:40
@manuelalej22 you can use whatever you want, its up to you
@damirdordevski aj vazi ;)
Manuel
@manuelalej22
Apr 02 2017 14:41
ah ok
Damir Dordevski
@damirdordevski
Apr 02 2017 14:42
Ne znam kako ali znao sam da smo nasi (ne pise ti lokacija) pretvaram se u babu vangu od kada sam poceo ovo uciti :D
kirbyedy
@kirbyedy
Apr 02 2017 14:42
hahaha :D
Damir Dordevski
@damirdordevski
Apr 02 2017 14:42
Jesi daleko?
kirbyedy
@kirbyedy
Apr 02 2017 14:44
prilicno, kipar
Damir Dordevski
@damirdordevski
Apr 02 2017 14:44
Kipar kao otok?
Simo
@SimoOmis10
Apr 02 2017 14:46
i don't understand why we use .navbar-toggle and .icon-bar
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#example-navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
kirbyedy
@kirbyedy
Apr 02 2017 14:46
@damirdordevski da
Damir Dordevski
@damirdordevski
Apr 02 2017 14:48
@kirbyedy mogao sam te onda komotno i sa gajbom castiti, uglavnom hvala ti i sretno, ako ikada budes blizu slucajno +38763451256 da ih ne spamamo ovde, zivio.
kirbyedy
@kirbyedy
Apr 02 2017 14:48
@SimoOmis10 I think thats for the drop down menu when you are resize your window to a smaller size
@damirdordevski hvala, sretno u daljem ucenju :thumbsup:
stevemax22
@stevemax22
Apr 02 2017 14:49
I'm having issues moving my h1 element below a nav-pills without the background color following it. Can anyone help? Web Portfolio page challenge
kirbyedy
@kirbyedy
Apr 02 2017 14:50
@stevemax22 link your pen
Brohx
@Brohx
Apr 02 2017 14:52
hi
kirbyedy
@kirbyedy
Apr 02 2017 14:54
hi
kirbyedy
@kirbyedy
Apr 02 2017 14:56
@stevemax22 ok so what seems to be the problem?
stevemax22
@stevemax22
Apr 02 2017 14:57
@kirbyedy My nav-pills at the top... and my pageOne element (with my h1 and h3 in it). I want the two separated. Some spacing in between where I only see the background image. But any time I increase the margins of either one, the black background on my navpills just fills the space. Or the background of the pageOne fills the space.
Not sure how to work around this
kirbyedy
@kirbyedy
Apr 02 2017 14:58
ah ok, hang on
mrAitai
@mrAitai
Apr 02 2017 14:58
i'm doing 2nd challenge and i have a question. What we have to write in contact section ?
kirbyedy
@kirbyedy
Apr 02 2017 15:02
@stevemax22 first you are missing one closing </div> at that pageOne
instead of margin-top use padding-top: 20px; for example
h1tag
@h1tag
Apr 02 2017 15:03
@mrAitai ways or links so that people can contact you
mrAitai
@mrAitai
Apr 02 2017 15:04
@fortMaximus oh. Like gmail or something ?
h1tag
@h1tag
Apr 02 2017 15:05
yes and social media links if you like @mrAitai
mrAitai
@mrAitai
Apr 02 2017 15:06
@fortMaximus yup. Tks
stevemax22
@stevemax22
Apr 02 2017 15:07
@kirbyedy I don't see that I'm missing a </div> ? but I added one anyway. And when I add a padding-top it just increases the translucent background I have for pageOne like so (I put it as 70px to show the effect) http://codepen.io/Scuba_Steve/pen/BWMpGW?editors=1100
kirbyedy
@kirbyedy
Apr 02 2017 15:09
@stevemax22 that is strange because this is what I get
wait for the image to upload
Screen Shot 2017-04-02 at 18.08.36.png
there we go
make sure your code is the same, should work
caseym94
@caseym94
Apr 02 2017 15:13
```
 var prizes = [{
        "name": "Stuffed Frog",
        "price": 500,
        "purchased": (function() {
                console.log(this);
        }())
    }]
```
Does somebody mind explaining to me why the keyword this is not created in the immediately invoked function?
stevemax22
@stevemax22
Apr 02 2017 15:14
@kirbyedy Oh thank you! Looks like I was just modifying my block element instead of modding the pageOne. Thank you so much.
CamperBot
@camperbot
Apr 02 2017 15:14
stevemax22 sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1978 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
Moisés Man
@moigithub
Apr 02 2017 15:17
@caseym94 u not returning anything from ur IIFE function.. soo default value is undefined
prized[0].purchased // :point_right: undefined
caseym94
@caseym94
Apr 02 2017 15:22
mmmm true dat lmao
ok change it to return
returns window
shouldn't it return prizes?
Dany Din
@danydin
Apr 02 2017 15:23
it should return the prizes object from my knowledge @caseym94
caseym94
@caseym94
Apr 02 2017 15:24
it would return prizes if it was a regular uninvoked function
Dany Din
@danydin
Apr 02 2017 15:24
ya thats for sure
never tried it with immediate invokation
then just call it from outside?!
caseym94
@caseym94
Apr 02 2017 15:25
the point is to understand the theory
Dany Din
@danydin
Apr 02 2017 15:25
true
caseym94
@caseym94
Apr 02 2017 15:25
if I can understand this it may help to understand the next problem
Dany Din
@danydin
Apr 02 2017 15:28
ya but i've not figured why this window came instead of the object
its probably the prototype
update me if you've figured what is that.. @caseym94 i'm curious as well.. :d
caseym94
@caseym94
Apr 02 2017 15:29
ok if I remember @danydin
Dany Din
@danydin
Apr 02 2017 15:30
:+1:
rohitdesigner
@rohitdesigner
Apr 02 2017 15:31
hello
any body here?
caseym94
@caseym94
Apr 02 2017 15:31
I'm here!
rohitdesigner
@rohitdesigner
Apr 02 2017 15:32
how to put two divs side by side
Simo
@SimoOmis10
Apr 02 2017 15:32
hello , what is effect the class navbar-toggle
caseym94
@caseym94
Apr 02 2017 15:32
display:inline-block;
rohitdesigner
@rohitdesigner
Apr 02 2017 15:32
ok
caseym94
@caseym94
Apr 02 2017 15:34
@SimoOmis10 is your question how do you affect the class navbar-toggle?
Simo
@SimoOmis10
Apr 02 2017 15:35
@caseym94 yes
caseym94
@caseym94
Apr 02 2017 15:37
what do you have so far?
Ivan Gonzalo Bonfigli
@IvanBonfigli
Apr 02 2017 15:39
hey guys, what host do you recomend to upload images?
Simo
@SimoOmis10
Apr 02 2017 15:39
i don't understand this
<button type="button" class="navbar-toggle collapsed"></button>
caseym94
@caseym94
Apr 02 2017 15:43
@SimoOmis10 class is the style name you gave it, in this case you gave it two names, "navbar-toggle" and "collapsed" which is perfectly fine
you have two different names you can refer to that button on the style sheet or in the styling area
you refer to the class inside of the styling tags (<style></style>) by first declaring that it's a class with a dot before the name, ex. ".className", then you add curly brackets after and write inside the curly brackets the properties/effects you want to give it. Ex. ".classname { background: red; }"
does any of that make sense @SimoOmis10 ?
gaitchs gangmei
@gaitchs
Apr 02 2017 15:51
how to make buttons go to another link
<button onclick="www.google.com"> click </button>
????
caseym94
@caseym94
Apr 02 2017 15:52
@gaitchs onclick is a reference to javascript function not a link tag . Links use <a></a> tags with the attribute href
gaitchs gangmei
@gaitchs
Apr 02 2017 15:53
<a href="google.com > <button>click</button> </a>
?
caseym94
@caseym94
Apr 02 2017 15:54
try it out
gaitchs gangmei
@gaitchs
Apr 02 2017 15:54
does not work in codepen
caseym94
@caseym94
Apr 02 2017 15:55
oh
you forgot to close the quotes
mm 1 sec
ok @gaitchs include the full google address
gaitchs gangmei
@gaitchs
Apr 02 2017 15:58
how to preview codepen page in browser
caseym94
@caseym94
Apr 02 2017 15:58
@gaitchs I tried it in codepen
you have to also add another attribute
in codepen
target = "_blank"
which will open a new tab
gaitchs gangmei
@gaitchs
Apr 02 2017 16:00
target = "_blank" insde a or button
caseym94
@caseym94
Apr 02 2017 16:00
a
Keon Samuel
@keonsam
Apr 02 2017 16:00
I can't interpret the wiki api
gaitchs gangmei
@gaitchs
Apr 02 2017 16:00
cool
thanks @caseym94
CamperBot
@camperbot
Apr 02 2017 16:00
gaitchs sends brownie points to @caseym94 :sparkles: :thumbsup: :sparkles:
:cookie: 84 | @caseym94 |http://www.freecodecamp.com/caseym94
caseym94
@caseym94
Apr 02 2017 16:01
@gaitchs you don't always have to do target = "_blank", codepen just doesn't allow links to external sites inside of the pen, so I think so you have to make it open a new tab
gaitchs gangmei
@gaitchs
Apr 02 2017 16:01
it works
how to go to document location by link
rfvergeldedios
@rfvergeldedios
Apr 02 2017 16:06
What does this error mean?
XMLHttpRequest cannot load https://en.wikipedia.org//w/api.php?action=opensearch&limit=10&search=hello+world&format=json&callback=?. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://s.codepen.io' is therefore not allowed access.
Keon Samuel
@keonsam
Apr 02 2017 16:07
try removing the s form codepen https
did that work?
rfvergeldedios
@rfvergeldedios
Apr 02 2017 16:11
didn't work
Ivan Gonzalo Bonfigli
@IvanBonfigli
Apr 02 2017 16:11
Help! i'm trying to make a scrolling banner, but when i add the option position:fixed; on it, the banner goes behind the web content
Moisés Man
@moigithub
Apr 02 2017 16:11
@rfvergeldedios No 'Access-Control-Allow-Origin'
means wikipedia dont allow u to request from external sites
BUT that api also have one parameter to allow that
add origin=* to ur url probably u will need to add & to chain ur parameters
rfvergeldedios
@rfvergeldedios
Apr 02 2017 16:13
@moigithub that's it! thank you.
CamperBot
@camperbot
Apr 02 2017 16:13
rfvergeldedios sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2956 | @moigithub |http://www.freecodecamp.com/moigithub
Moisés Man
@moigithub
Apr 02 2017 16:15
@IvanBonfigli add a z-index
z-index: 1 ; <<-- or some big number soo it goes on top of everything
Gulsvi
@gulsvi
Apr 02 2017 16:16

if i use it like this. i mean put the one JSON call on the bottom of the other. can i still access the objects of the FIRST JSON call by using data.example or it will interfere with the second one. cause data now belongs to the second call or something.

@thodorisanta You'll need to use different variable names like I did in the sample code (url1Data, url2Data), and they should be named according to the data you're getting, like streamData if it's from the /streams/ endpoint or channelData from the /channels/ endpoint.

tpondant
@tpondant
Apr 02 2017 16:16
Hi everyone! I've just finished my weather app, but it seems to be only working on firefox. Could someone tell me what's the problem exactly?
Ivan Gonzalo Bonfigli
@IvanBonfigli
Apr 02 2017 16:17
@moigithub thanks :D
CamperBot
@camperbot
Apr 02 2017 16:17
ivanbonfigli sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2957 | @moigithub |http://www.freecodecamp.com/moigithub
Gulsvi
@gulsvi
Apr 02 2017 16:18
@tpondant navigator.geolocation only works over HTTPS in Chrome, but OpenWeatherMap only supports HTTP. Lots of people hit this problem - here are some details: http://codepen.io/skycoder/post/apisandlocation
Simo
@SimoOmis10
Apr 02 2017 16:20
hello can you explain these class .navbar-toggle and .collapsed ??
Gulsvi
@gulsvi
Apr 02 2017 16:20
@gaitchs <button onclick="window.open('https://www.google.com')">Click</button>
Best to use an anchor tag for opening links though and style it like a button
@SimoOmis10 They are Bootstrap classes for showing a button and navbar link menu when your screen is small. One of the best ways to understand bootstrap classes is to look at their CSS in the CSS file. Open this file and search for .navbar-toggle and .collapsed:https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css
Keon Samuel
@keonsam
Apr 02 2017 16:23
@rfvergeldedios you url work perfectly in my code
your
I am using .getJSON though
tpondant
@tpondant
Apr 02 2017 16:24
@SkyCoder01 ok I get it. So, just to be sure, my app is OK, it's just that I used geolocation when i should have used something else?
Gulsvi
@gulsvi
Apr 02 2017 16:25
@tpondant Your app is fine on Firefox, but if you want it to work on Chrome, you should use something else for location - and you'll only be able to open your weather App over HTTP.
tpondant
@tpondant
Apr 02 2017 16:25
And if I understand what the documentation says, it's the same problem for ipinfo.io
Gulsvi
@gulsvi
Apr 02 2017 16:26
@tpondant The main problem is navigator.geolocation only works over HTTPS, but OpenWeatherMap only works over HTTP :)
Simo
@SimoOmis10
Apr 02 2017 16:27
@SkyCoder01 thank you
CamperBot
@camperbot
Apr 02 2017 16:27
simoomis10 sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
Keon Samuel
@keonsam
Apr 02 2017 16:27
learn some promises
tpondant
@tpondant
Apr 02 2017 16:27
@SkyCoder01 Ok thank you! I was afraid there was a bigger problem in my code :)
CamperBot
@camperbot
Apr 02 2017 16:27
tpondant sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:cookie: 822 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Keon Samuel
@keonsam
Apr 02 2017 16:27
best thing ever
Gulsvi
@gulsvi
Apr 02 2017 16:28
@tpondant No problems, but you should probably find a way to give an error to people and tell them how to view their weather if they open your page on chrome :)
Or, add more code to make it work on Chrome
CamperBot
@camperbot
Apr 02 2017 16:28
api offline
tpondant
@tpondant
Apr 02 2017 16:29
@SkyCoder01 Good idea. I'll try to improve the app then!
Keon Samuel
@keonsam
Apr 02 2017 16:29
?
@camperbot
tpondant
@tpondant
Apr 02 2017 16:30
@SkyCoder01 Another problem I've had. The temperature shows 142 °, which makes 288 ° Fahrenheit!
how is that possible, since everything else (wind, location) seems to work fine ?
Keon Samuel
@keonsam
Apr 02 2017 16:30
wow
Gulsvi
@gulsvi
Apr 02 2017 16:30
@tpondant I think that weather API gives you the temperature in Kelvin
:fire: :fire:
Keon Samuel
@keonsam
Apr 02 2017 16:31
that one hot place
tpondant
@tpondant
Apr 02 2017 16:31
@keonsam yes indeed, but I can assure you it's not warm in here, on the contrary
Keon Samuel
@keonsam
Apr 02 2017 16:31
lol
bro in live in the caribbean
tell me about heat.
Gulsvi
@gulsvi
Apr 02 2017 16:32
@tpondant Add &units=metric to the URL for celsius and then you can convert to Fahrenheit https://openweathermap.org/current#data
Keon Samuel
@keonsam
Apr 02 2017 16:33
those european country hot is like cool to me.
tpondant
@tpondant
Apr 02 2017 16:36
@SkyCoder01 great, now it seems more like a reasonable temperature. Thanks again, you saved me!
CamperBot
@camperbot
Apr 02 2017 16:36
tpondant sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:warning: tpondant already gave skycoder01 points
Gulsvi
@gulsvi
Apr 02 2017 16:36
No problem!
Prashant Kumar Mishra
@Prashant0897
Apr 02 2017 16:37
can anyone help
Keon Samuel
@keonsam
Apr 02 2017 16:37
@tpondant how hot is your temp?
Prashant Kumar Mishra
@Prashant0897
Apr 02 2017 16:37
i am stuck at the make dead link task
Keon Samuel
@keonsam
Apr 02 2017 16:37
href"#"
href="#"
<a href="#"> </a>
Prashant Kumar Mishra
@Prashant0897
Apr 02 2017 16:38
tried that
nothing happened
its just stuck there
tpondant
@tpondant
Apr 02 2017 16:39
@keonsam 15° celsius, 59° fahrenheit
Gulsvi
@gulsvi
Apr 02 2017 16:39
@Prashant0897 Share your code, maybe there's another error
Keon Samuel
@keonsam
Apr 02 2017 16:39
cool
Prashant Kumar Mishra
@Prashant0897
Apr 02 2017 16:39
i tap the button, it does hover to green but it wont move to the next task
so i skipped that on task and moved to the next one through the map and they were actually working pretty well

<link href="https://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>

<p>Click here for <a# href="http://www.freecatphotoapp.com">cat photos</a>.</p>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<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>

Gulsvi
@gulsvi
Apr 02 2017 16:41
@Prashant0897 <a# href="http://www.freecatphotoapp.com">cat photos</a>
Your href is pointing to a website not a #
Prashant Kumar Mishra
@Prashant0897
Apr 02 2017 16:41
oh
thanks for the help
Gulsvi
@gulsvi
Apr 02 2017 16:42
You're welcome
tyl-er
@tyl-er
Apr 02 2017 16:48

Hey guys. I need some help with the Simon Game. When I try to test the game it just plays the button sund over and over. Not sure if the problem is with click function for the buttons or the compare function that checks the players move.

http://codepen.io/tyl-er/pen/PpBVyK?editors=0010

@alpox?
Gulsvi
@gulsvi
Apr 02 2017 16:51
@tyl-er :point_up: Just a friendly Reminder :)
I'm not as far along as you :)
tyl-er
@tyl-er
Apr 02 2017 16:52
@SkyCoder01 lol sorry. No worries.
Chris H
@dyhrmedia
Apr 02 2017 16:56
Been fiddling with the Norman Borlaug tribute page, and for fun I tried copying the example code and paste it into my own pen, and it looks nothing like the original. Am I missing some hidden code or something?
tyl-er
@tyl-er
Apr 02 2017 16:58
@dyhrmedia codepen url?
And I copied it directly from https://codepen.io/freeCodeCamp/pen/NNvBQW - just to see how it'd look.
Moisés Man
@moigithub
Apr 02 2017 16:59
@tyl-er if ur sound is reapeating.. probably u have some loop /setinterval which repeats it
Gulsvi
@gulsvi
Apr 02 2017 16:59
@dyhrmedia Compare the Codepen Settings for your project and the example. They're different.
Chris H
@dyhrmedia
Apr 02 2017 16:59
Oh, of course. I'm a dumbass. Thanks bud!
Naveen Raju Mudhunuri
@naveenrajum
Apr 02 2017 17:03
nice @keonsam
Keon Samuel
@keonsam
Apr 02 2017 17:04
how do I get rid of the <li> bots?
thank you
tyl-er
@tyl-er
Apr 02 2017 17:08
@moigithub Right. I wanted to use setInterval to play through the pattern instead of using setTimeout and a for loop. I'll change it and see if that works. Thanks
CamperBot
@camperbot
Apr 02 2017 17:08
tyl-er sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2958 | @moigithub |http://www.freecodecamp.com/moigithub
Jasmin Parent
@charlesdarkwind
Apr 02 2017 17:18
Hi, I have this piece of code that I run several times in my project. But each cycle the interval is shorter for some reason I cant figure why. The countdown keeps going faster
var breakTime = 5000;
var sessionTime = 5000;
var timeRemaining;

timeRemaining = sessionTime;
var timerId = window.setInterval(checkTime, 1000);  


function checkTime(){
  timeRemaining -= 1000;
  if (timeRemaining <= 0) clearInterval(timerId); 
  var formatted = convertTime(timeRemaining);
  console.log('' + formatted);
}

function convertTime(miliseconds) {
  var totalSeconds = Math.floor(miliseconds/1000);
  var minutes = Math.floor(totalSeconds/60);
  var seconds = totalSeconds - minutes * 60;
  return minutes + ':' + seconds;
}
BreJohn
@BreJohn
Apr 02 2017 17:23
Hello, can someone please tell me what I am doing wrong in here. I can't make the collapse work. I copy-pasted the bootstrap example from the documentation exactly how it is. I have imported bootstrap.css and js, and I 've been trying since yesterday but I still can't find why it doesn't work
Gulsvi
@gulsvi
Apr 02 2017 17:25
@BreJohn I think you missed my comment yesterday. Add jQuery and make sure it is listed above bootstrap.js: :point_up: April 1, 2017
BreJohn
@BreJohn
Apr 02 2017 17:26
you are great, thanks!
@SkyCoder01 still nothing although
ok it works I am a noob
:)
@SkyCoder01 It doesn't say anything about jquery in the documentation. It probably should!!
Gulsvi
@gulsvi
Apr 02 2017 17:32
@BreJohn You're welcome! The documentation says it requires jQuery right at the top :)

Plugin dependencies

Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs. Also note that all plugins depend on jQuery (this means jQuery must be included before the plugin files). Consult our bower.json to see which versions of jQuery are supported.
Hard to memorize all of this though lol
Keon Samuel
@keonsam
Apr 02 2017 17:34
why I only getting 4 result
Manuel
@manuelalej22
Apr 02 2017 17:34
I'm having some troubles with codepen,. i activated the boostrap option on css. but it's not showing the well background unlike my browser which does it and centers the content but not codepen
that is hot
Gulsvi
@gulsvi
Apr 02 2017 17:36
@manuelalej22 Make sure you're using the same version of bootstrap in codepen that you're using locally. Codepen adds a newer version 4.0, by default.
Manuel
@manuelalej22
Apr 02 2017 17:38
@SkyCoder01 i changed the link in codepen and works now. thank you
CamperBot
@camperbot
Apr 02 2017 17:38
manuelalej22 sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:cookie: 826 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
Apr 02 2017 17:39
:+1:
Keon Samuel
@keonsam
Apr 02 2017 17:40
+:1
tyl-er
@tyl-er
Apr 02 2017 17:55

So I made it worse lol. Now it doesn't show the pattern at all.

var play = function(arr) {
//loops through each element and plays the pattern based on corresponding num
for (var i = 0; i++; i < game.pattern.length) {
setTimeout(function() {
if (arr[i] === 1) {
blueOn();
} else if (arr[i] === 2) {
redOn();
} else if (arr[i] === 3) {
greenOn();
} else if (arr[i]===4){
purpleOn();
}
}, 750)
}
}
@moigithub

http://codepen.io/tyl-er/pen/PpBVyK?editors=0010

Jan Shah
@JanShah
Apr 02 2017 17:56
@tyl-er nice layout :)
tyl-er
@tyl-er
Apr 02 2017 17:57
@CentropyIT Thanks!
CamperBot
@camperbot
Apr 02 2017 17:57
tyl-er sends brownie points to @centropyit :sparkles: :thumbsup: :sparkles:
:cookie: 364 | @centropyit |http://www.freecodecamp.com/centropyit
Jan Shah
@JanShah
Apr 02 2017 18:01
for (var i = 0; i++; i < game.pattern.length) this could be your problem to start with
the function parameter is arr, not game.pattern
@tyl-er
tyl-er
@tyl-er
Apr 02 2017 18:05
@CentropyIT but I call play(game.pattern); in the previus function
Jan Shah
@JanShah
Apr 02 2017 18:06
var i = 0; i++; i < game.pattern.length wasn't working at all
tyl-er
@tyl-er
Apr 02 2017 18:06
@CentropyIT Should it be (var i = 0; i++; i < arr.length)?
Jan Shah
@JanShah
Apr 02 2017 18:06
++; i < game.pattern.length I swapped these two and now can get into the loop
i=0; i< var; i++
tyl-er
@tyl-er
Apr 02 2017 18:07
ok
that worked
I just wasn't thinking about that logically lol
Jan Shah
@JanShah
Apr 02 2017 18:13
it's still not bringing up colours, but that could be your timeout function in the loop,it loops through everything, doesn't stop and wait for timeout @tyl-er
Abdulah Hamzic
@hamzicabdulah
Apr 02 2017 18:22
hey guys. can anyone recommend any nice webpack & babel & react tutorials for complete beginners? I want to make a collection of some of the tutorials you guys have used, so that I can decide where I should start with learning those three
Jan Shah
@JanShah
Apr 02 2017 18:22
@hamzicabdulah have you seen those on youtube?
Abdulah Hamzic
@hamzicabdulah
Apr 02 2017 18:22
@CentropyIT not really
can I get a link please?
Jan Shah
@JanShah
Apr 02 2017 18:23
go youtube and search, you will some really good tutorials, look for webpack babel and react
Abdulah Hamzic
@hamzicabdulah
Apr 02 2017 18:23
actually, there are quite a few video tutorials on react on youtube when i look it up
yeah, thank you
will do
:)
tyl-er
@tyl-er
Apr 02 2017 18:30

@CentropyIT Yeah so I fixed that by making a setTimeout function for each button instead of wrapping the whole if statement. So it now plays the pattern, but the compare function still doesn't work. I'm trying to figure that out now.

http://codepen.io/tyl-er/pen/PpBVyK?editors=0010

Jan Shah
@JanShah
Apr 02 2017 18:32
@tyl-er it's working for one number but as soon as I reach 2 or more (by clicking start multiple times) it plays all the notes and flashes all the lights together
tyl-er
@tyl-er
Apr 02 2017 18:36
Ugh it's not working me at all
tyl-er
@tyl-er
Apr 02 2017 18:43
Is there a way to run console.log everytime I press a button? @CentropyIT
Jan Shah
@JanShah
Apr 02 2017 18:44
yes there is :)
anything you want to log can go in between the brackets, you want to log the objects and arrays etc at the beginning of the functions, see what's going on
so console.log(game) will give you game data, just put it at the top (just inside) a function that is called with a keypress
Moisés Man
@moigithub
Apr 02 2017 18:48

@tyl-er setTimeout or setInteval do NOT queue process
example:

setTimeout( console.log("hello") , 1000);
setTimeout( console.log("world") , 1000);
setTimeout( console.log("bye") , 1000);

using array n loop

var arr = ["hello","world","bye"];
for(var i = 0; i< arr.length; i++){
   setTimeout( console.log( arr[i]) , 1000);
}

what do u think it will happen ?

tyl-er
@tyl-er
Apr 02 2017 18:50
It will log all three after 1 sec?
Moisés Man
@moigithub
Apr 02 2017 18:50
all 3 on after (the same) 1 second
(actually few nano seconds diff.. but u wont notice it )
soo in order to each console.. "waits" 1 sec.. u need to increase each interval
setTimeout( console.log("hello") , 1000);
setTimeout( console.log("world") , 2000);
setTimeout( console.log("bye") ,  3000);
using loop and array
increasing interval on each call
var arr = ["hello","world","bye"];
for(var i = 0; i< arr.length; i++){
   setTimeout( console.log( arr[i]) , (1000 * i) + 1000);
}
tyl-er
@tyl-er
Apr 02 2017 18:56
I appreciate that. That will help the pattern to play prperly. I'm still stuck on the fact that the compare funtion isn't working at all. Or is that also a setTimeout issue? @moigithub
Moisés Man
@moigithub
Apr 02 2017 18:56
where u calling compare ?
i see ur function is defined.. but cant see where is getting called
tyl-er
@tyl-er
Apr 02 2017 18:58
Evertime you press one of the buttons. There's a click function that calls compare(player array, pattern array)

@moigithub

var blue = function() {
blueOn();
game.player.push(1);

}

var blueOn = function() {
    //play audio
    game.sound.blue.play();
    //hightlight ls for 1 second
    $(".blue").addClass('blueOn');
    setTimeout(function() {
        $(".blue").removeClass('blueOn');compare(game.player, game.pattern);
    }, 750);
    //push move to player array
}
abhijith shenoy
@shenoyabhijith
Apr 02 2017 19:02
any android devs
Keon Samuel
@keonsam
Apr 02 2017 19:07
what you need dev?
@shenoyabhijith
Moisés Man
@moigithub
Apr 02 2017 19:08
@tyl-er $(".blue").click(blueOn);
when u click it call blueON function
but nothing is added to player array
tyl-er
@tyl-er
Apr 02 2017 19:13
@moigithub Ok I spilt button logic into multiple functions for reasons I can't even remember lol. The issue was that my click functions were calling the wrong function. So I fixed that now I need to go fix the play function. Hopefully I'll be able figure everything else out. So close, but so far away lol.
Andrew Park
@nDruP
Apr 02 2017 19:22
@moigithub Hi, I remember you explaining async/sync executions the other day. Can you look over the JS I wrote (https://codepen.io/nDruP/pen/mWGNLo) and explain why the first 2 don't work, but the 3rd does work.
Vikram Kothekar
@randomguyfromcollege
Apr 02 2017 19:25
hi everybody
i have a very basic question to ask
i know basics of HTML, CSS , Bootstrap and JS
Now , i just don't understand how to build a web page
Keon Samuel
@keonsam
Apr 02 2017 19:28
lol
Gulsvi
@gulsvi
Apr 02 2017 19:28
@randomguyfromcollege Start with the components you want to use. Put them together like legos :)
Vikram Kothekar
@randomguyfromcollege
Apr 02 2017 19:28
i don't understand how to start
Keon Samuel
@keonsam
Apr 02 2017 19:28
well you don't Bootstrap or JS
Vikram Kothekar
@randomguyfromcollege
Apr 02 2017 19:28
and how to use them hand in hand
Keon Samuel
@keonsam
Apr 02 2017 19:28
just basic html and css
Gulsvi
@gulsvi
Apr 02 2017 19:29
@randomguyfromcollege Pick out the components you want: https://v4-alpha.getbootstrap.com/components/
Maybe start with a navbar? https://v4-alpha.getbootstrap.com/components/navbar/
Then create <section>s
Vikram Kothekar
@randomguyfromcollege
Apr 02 2017 19:29
please, explain in detail
stevemax22
@stevemax22
Apr 02 2017 19:29
Need help with the portfolio webpage. Trying to put in a jpg image from my saved files into my page as a background. Can't quite figure it out
Keon Samuel
@keonsam
Apr 02 2017 19:29
@randomguyfromcollege where you at
which challenge?
Vikram Kothekar
@randomguyfromcollege
Apr 02 2017 19:29
cause, its coming out as a big prob for me,
Gulsvi
@gulsvi
Apr 02 2017 19:29
@stevemax22 Upload your images to https://postimage.io, get the URL and use it as your <img src="url">
Vikram Kothekar
@randomguyfromcollege
Apr 02 2017 19:30
i know those syntax, and how to use them
i am clear in concepts
Keon Samuel
@keonsam
Apr 02 2017 19:30
sky my man
Vikram Kothekar
@randomguyfromcollege
Apr 02 2017 19:30
not in application
Keon Samuel
@keonsam
Apr 02 2017 19:30
bro
Gulsvi
@gulsvi
Apr 02 2017 19:30
yeah?
Vikram Kothekar
@randomguyfromcollege
Apr 02 2017 19:30
i know how each and every component will work, but how to design web page
Keon Samuel
@keonsam
Apr 02 2017 19:30
do you freelance yet?
Vikram Kothekar
@randomguyfromcollege
Apr 02 2017 19:30
like, how to build it from scratch?
Gulsvi
@gulsvi
Apr 02 2017 19:31
No, I'm still in school
Keon Samuel
@keonsam
Apr 02 2017 19:31
cool
Vikram Kothekar
@randomguyfromcollege
Apr 02 2017 19:31
@keonsam i can't make webpages yet
stevemax22
@stevemax22
Apr 02 2017 19:31
@SkyCoder01 Is that the standard way of doing it? by converting it into a URL?
Keon Samuel
@keonsam
Apr 02 2017 19:31
lol
Gulsvi
@gulsvi
Apr 02 2017 19:31
@stevemax22 Yes, that's the standard way
Vikram Kothekar
@randomguyfromcollege
Apr 02 2017 19:31
is there something steps
Keon Samuel
@keonsam
Apr 02 2017 19:31
do the freecodecamp challenges
Vikram Kothekar
@randomguyfromcollege
Apr 02 2017 19:31
like first create this and then this
Keon Samuel
@keonsam
Apr 02 2017 19:32
and then that
and after this
lol
Gulsvi
@gulsvi
Apr 02 2017 19:32
@stevemax22 It's really the only way to do it - use an URL, unless you're referring to using absolute paths, but I think those are generally avoided because the code isn't as portable
Keon Samuel
@keonsam
Apr 02 2017 19:32
do the html then JS
Vikram Kothekar
@randomguyfromcollege
Apr 02 2017 19:32
i know all concepts, but suppose if you have given me a task, say a tribute page, i won't understand from where to start
stevemax22
@stevemax22
Apr 02 2017 19:33
@SkyCoder01 Alright, still having an issue actually getting it to show. Mind looking at my codepen? Trying to get my pageTwo element to show
Keon Samuel
@keonsam
Apr 02 2017 19:33
lol well you don't know all the concept
designing a website is basic
Vikram Kothekar
@randomguyfromcollege
Apr 02 2017 19:34
@keonsam i know how each element work
Keon Samuel
@keonsam
Apr 02 2017 19:35
you know api?
Vikram Kothekar
@randomguyfromcollege
Apr 02 2017 19:35
@keonsam yeah, designing website is a basic thing but i want to understand how to do it?
yes
Gulsvi
@gulsvi
Apr 02 2017 19:35
@stevemax22 checking it out now
Vikram Kothekar
@randomguyfromcollege
Apr 02 2017 19:36
so i what i am asking is, how to build, say a tribute page, tell me the steps..
Gulsvi
@gulsvi
Apr 02 2017 19:36
@stevemax22 Your URL to that image goes to a web page - images need to end with .jpg, .png, etc.
Replace the URL with this instead: https://s22.postimg.org/s8dgkkaup/IMAG1695.jpg
stevemax22
@stevemax22
Apr 02 2017 19:37
@SkyCoder01 Ah ha! Thanks you Sky.
CamperBot
@camperbot
Apr 02 2017 19:37
stevemax22 sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:cookie: 828 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
Apr 02 2017 19:37
@stevemax22 No problem
Keon Samuel
@keonsam
Apr 02 2017 19:48
is it jquery used to make different page?
pages
stevemax22
@stevemax22
Apr 02 2017 19:50
Running into more problems. When I put in jpg images for my background, my nav-pills changed formatting? I had a white background on a mouse hover as well as spacing between each pill... Why did this change when I put in new background images?
Gulsvi
@gulsvi
Apr 02 2017 19:52
@stevemax22 Looks like you left a closing brace off your CSS at line 61
.pageTwo {
  background:url("https://s8.postimg.org/8bll7t4ut/IMG_20161224_161635.jpg");
  background-size: cover;
  height: 800px;
} <---- This is missing
Keon Samuel
@keonsam
Apr 02 2017 19:53
sky is it Jquery that makes the effects of different pages on a website?
stevemax22
@stevemax22
Apr 02 2017 19:53
@SkyCoder01 It's the stupidest things..... Thanks again Sky!
CamperBot
@camperbot
Apr 02 2017 19:53
stevemax22 sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:warning: stevemax22 already gave skycoder01 points
Gulsvi
@gulsvi
Apr 02 2017 19:54
Ultimately it's CSS, Keon
How do I say good morning, good afternoon, and good evening in Vicentian?
Keon Samuel
@keonsam
Apr 02 2017 19:55
lol
how did you know where I live?
Gulsvi
@gulsvi
Apr 02 2017 19:55
Codepen says
abhijith shenoy
@shenoyabhijith
Apr 02 2017 19:56
@keonsam need some help
Keon Samuel
@keonsam
Apr 02 2017 19:56
we speak english man.
abhijith shenoy
@shenoyabhijith
Apr 02 2017 19:56
in project
im developing firebase app
Gulsvi
@gulsvi
Apr 02 2017 19:56
I thought you spoke creole too
Keon Samuel
@keonsam
Apr 02 2017 19:57
cool and what help you need?
where you from Sky?
abhijith shenoy
@shenoyabhijith
Apr 02 2017 19:57
are you familier with android?
Gulsvi
@gulsvi
Apr 02 2017 19:57
Canada :)
Keon Samuel
@keonsam
Apr 02 2017 19:58
lol well you might know a lot of vincentians.
abhijith shenoy
@shenoyabhijith
Apr 02 2017 19:58
@keonsam
Keon Samuel
@keonsam
Apr 02 2017 19:58
what help you need?
Gulsvi
@gulsvi
Apr 02 2017 19:59
I know one person from Trinidad, but don't know any Vincentians
abhijith shenoy
@shenoyabhijith
Apr 02 2017 19:59
i want to populate data from firebase to recyclerview
in tabview fragment
can you help me here
Keon Samuel
@keonsam
Apr 02 2017 20:00
I have no idea what that is.
alpox
@alpox
Apr 02 2017 20:01
I don't think anyone here has :D @shenoyabhijith you would be very lucky if
abhijith shenoy
@shenoyabhijith
Apr 02 2017 20:03
very lucky?
Keon Samuel
@keonsam
Apr 02 2017 20:04
try stackoverflow.com
abhijith shenoy
@shenoyabhijith
Apr 02 2017 20:04
i dint satisfactory ans der
so i just asked a question :smile:
in stackoverflow
Rikesh89
@Rikesh89
Apr 02 2017 20:06
Hi, I am trying to complete my Tribute page and I wanted to know how can I create a box around the image also add text under it like it shows in the example.
Gulsvi
@gulsvi
Apr 02 2017 20:09
@Rikesh89 What have you tried so far? We can help with the code. Bootstrap also has some ways to do it that are mentioned in the documentation.
Rikesh89
@Rikesh89
Apr 02 2017 20:11
I was trying using the .pull-right and also tried .thumbnail
none of these seem to work
and i went through w3 schools and tried some other ones on the bootstrap list of commands
I nested the image within the commands
and so far when i run it, nothing changes
Johnny
@jtan3
Apr 02 2017 20:14
@Rikesh89 if you're using bootstrap 4, try bootstrap 3
Rikesh89
@Rikesh89
Apr 02 2017 20:15
How do you identify which one i am using cause i think the bootstrap is configured already on the pen website.
Johnny
@jtan3
Apr 02 2017 20:16
@Rikesh89 https://v4-alpha.getbootstrap.com/migration/ version 4 removed a bunch of classes that version 3 used.
Rikesh89
@Rikesh89
Apr 02 2017 20:16
oh okay let me check which one it is using.
Ken Haduch
@khaduch
Apr 02 2017 20:16
@Rikesh89 - if you are using most of the lessons on Bootstrap (for example, w3schools) you definitely have to use Bootstrap V3 - they are all based on that for the most part. Change your CSSreplace the URL for the CSS element with this: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css and if you are using bootstrap.js, use this: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js
Rikesh89
@Rikesh89
Apr 02 2017 20:17
yea it is showing 4
Ken Haduch
@khaduch
Apr 02 2017 20:17
@Rikesh89 - the default for CodePen's bootstrap quick add is v4 alpha
Rikesh89
@Rikesh89
Apr 02 2017 20:17
I will change it could be why
I am struggling so much
@jtan3 @khaduch Thanks now some of it is starting to work that did make a difference.
CamperBot
@camperbot
Apr 02 2017 20:20
rikesh89 sends brownie points to @jtan3 and @khaduch :sparkles: :thumbsup: :sparkles:
:cookie: 359 | @jtan3 |http://www.freecodecamp.com/jtan3
:star2: 2696 | @khaduch |http://www.freecodecamp.com/khaduch
Damir Dordevski
@damirdordevski
Apr 02 2017 20:25

Hi everyone, can somebody help me on this issue. I want to put my nav buttons to the right side of nav bar. This is my site

https://codepen.io/damirdordevski/full/vxbgvN/

This is the code I used for nav bars

<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand " href="#top">damirdordevski</a>
</div>
<ul class="nav navbar-nav">
<li><a href="#About me">About me</a></li>
<li><a href="#Portfolio">Portfolio</a></li>
<li><a href="#Contact">Contact</a></li>
</ul>
</div>
</nav>

Gulsvi
@gulsvi
Apr 02 2017 20:26
@damirdordevski Add the navbar-right class to your buttons ul
<ul class="nav navbar-nav navbar-right">
Damir Dordevski
@damirdordevski
Apr 02 2017 20:29
@SkyCoder01 thank you
CamperBot
@camperbot
Apr 02 2017 20:29
:cookie: 829 | @skycoder01 |http://www.freecodecamp.com/skycoder01
damirdordevski sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
Abdullah-Al-Zubair
@a2-zubair
Apr 02 2017 20:49
Hello, everybody this is my first project on FCC Tribute Page. Give me your review about it, here is the link:
https://codepen.io/a2-zubair/pen/oZmGNe
alpox
@alpox
Apr 02 2017 20:56
@a2-zubair Awesome! :D it looks great!
@a2-zubair Small tip: The picture could scale down a bit better on small screen
Abdullah-Al-Zubair
@a2-zubair
Apr 02 2017 20:56
@alpox Thanks
CamperBot
@camperbot