These are chat archives for FreeCodeCamp/HelpFrontEnd

18th
Jun 2016
buiphuking
@buiphuking
Jun 18 2016 00:30
anyone know any web teach AI in javascript, plz share with me
Ethan Chandler
@Ethanlchandler
Jun 18 2016 00:39
how do i center my text from top to bottom in a <p></p> in a responsive div?
Kyle W Pilkinton
@tadake
Jun 18 2016 00:45
Norvin Burrus
@ndburrus
Jun 18 2016 00:47
@buiphuking this may be useful: How to Build You Own Ai Assistant Using Api.ai :sparkles:
@StayGoldDylan bootstrap is very useful... :+1: Introduction to Bootstrap, Features of BootStrap Framework for Responsive Design
Norvin Burrus
@ndburrus
Jun 18 2016 00:52
This message was deleted
Will Black
@wrblack
Jun 18 2016 00:55
Hi all. I have a general question. Would it be worth the effort learning AngularJS 1 as opposed to AngularJS 2? I started with 2 and find going through tutorials for ver.1 really confusing.
Norvin Burrus
@ndburrus
Jun 18 2016 00:59
@wrblack i think it would depend on you goal for learning angular. specifically, what do you want to do with the knowledge?
Will Black
@wrblack
Jun 18 2016 01:00
@ndburrus ultimately it's just to get basic experience of SPAs.
Norvin Burrus
@ndburrus
Jun 18 2016 01:01
@wrblack what is SPAs? service package applications? oh, ok... if your interest is developing them, and there are no restrictions, then i would go with whichever you want (probably the newer version). if you goal is to understand existing apps, and they need to stay in a certain version - then i would inform the decision accordingly... if you want to convert previous version apps to a/the current version - then maybe both are needed...
Mohammad Albarmawi
@malbarmawi
Jun 18 2016 01:01
@ndburrus Single Page Application
Will Black
@wrblack
Jun 18 2016 01:02
thanks @mbarmawi, sorry about that Norvin.
CamperBot
@camperbot
Jun 18 2016 01:02
wrblack sends brownie points to @mbarmawi :sparkles: :thumbsup: :sparkles:
:cookie: 295 | @mbarmawi |http://www.freecodecamp.com/mbarmawi
buiphuking
@buiphuking
Jun 18 2016 01:03
hi guys, tic tac toe
if i pick X play win, pick O, it go wrong,
http://codepen.io/buiphuking/pen/JKoEZG
help me guys
Mohammad Albarmawi
@malbarmawi
Jun 18 2016 01:06
@wrblack angularjs 2 is the new version have all of good things ,code written by typescript and from now all the tutorial you will found will be on angularjs 2 with typescript so keep this in mind so my advice to to keep going with the new version as always
Will Black
@wrblack
Jun 18 2016 01:06
@mbarmawi thanks! I really prefer angularjs 2. Learning typescript has been a blast and I find documentation is a little better.
CamperBot
@camperbot
Jun 18 2016 01:06
wrblack sends brownie points to @mbarmawi :sparkles: :thumbsup: :sparkles:
:warning: wrblack already gave mbarmawi points
Dave
@BeingDS
Jun 18 2016 01:13
Hey all. I'm working on https://www.freecodecamp.com/challenges/stand-in-line and I cannot for the life of me figure out what the third of the four criteria is asking for. This is overall a very confusing challenge, since it's so vaguely worded and unclear as to what it's asking for. Can anyone help?
Greg Duncan
@GregatGit
Jun 18 2016 01:18
@BeingDS you add item to the back of the array and remove an item from the front
the item that gets removed from the arr is returned
Fouad RACHEDI
@FouadRachedi
Jun 18 2016 01:22
Hi every body,
after finishing responsive design whith bootstrap, I am working on Build a Personal Portfolio Webpage, but the problem it needs more Knowledge than what I learned in Previous lessens, can every body explain me ?
Greg Duncan
@GregatGit
Jun 18 2016 01:23
@BeingDS Sometimes the way a challenge is written can be quite bewildering and other times so simple - but once you get your head around what they are asking you'll be fine
@FouadRachedi the portfolio is very challenging and developes one of the keys skills you need - figuring things out that are out of your depth. It is very challenging but while you are working on it you can continue with the other challenges - here is a good template to get it started http://www.w3schools.com/bootstrap/bootstrap_scrollspy.asp - I highly recomend going through all of w3schools bootstrap materials and put what you can in your portfolio
buiphuking
@buiphuking
Jun 18 2016 01:31
anyone ever code AI???????? i need some advice guys ???????????
Yanakorn Chaeyprasert
@Anakin771
Jun 18 2016 02:10
Does anybody finished coding the portfolio? i need some help
Greg Duncan
@GregatGit
Jun 18 2016 02:13
@Anakin771 where are you stuck?
Yanakorn Chaeyprasert
@Anakin771
Jun 18 2016 02:14
@GregatGit I want to add a picture of my project, how should I get it?
Greg Duncan
@GregatGit
Jun 18 2016 02:16
@Anakin771 where can you get pictures or where can you store pictures?
Yanakorn Chaeyprasert
@Anakin771
Jun 18 2016 02:17
@GregatGit i usually find on google but i don't have a picture storage from what i know...
Greg Duncan
@GregatGit
Jun 18 2016 02:22
@Anakin771 check out dropbox - amazon - MS - google - and all the others to see if you can get some free cloud storeage http://www.makeuseof.com/tag/dropbox-free-unblockable-image-storage-blog/
Dan Stockham
@DanStockham
Jun 18 2016 02:23
How do you make an element in a div that uses flex inline?
Yanakorn Chaeyprasert
@Anakin771
Jun 18 2016 02:26
@GregatGit i got the storage now, what's next?
Jonathan Aguilar
@jonaguiar
Jun 18 2016 02:55
On CodePen the link tag doesn't seem to work. I am working on my tribute page.
JD Tadlock
@jdtdesigns
Jun 18 2016 02:55
@DanStockham what are you trying to achieve?
@jonaguiar You need to add target="_blank" to the link
Dan Stockham
@DanStockham
Jun 18 2016 02:56
@jdtdesigns I want my fontawesome element to act as a toggle for an accordion element. I figured it out though. Thanks
CamperBot
@camperbot
Jun 18 2016 02:56
danstockham sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 505 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
tbc13315
@tbc13315
Jun 18 2016 02:57
I made the weather app a few weeks ago and it was working fine, but now for some reason it's not doing anything. Has anyone had any problems with the open weather API at all?
JD Tadlock
@jdtdesigns
Jun 18 2016 02:57
@tbc13315 chrome has deprecated navigator in http
only way to work with openweather is to use an ip locator for chrome and navigator for other browsers
tbc13315
@tbc13315
Jun 18 2016 03:00
Thanks for the info!
JD Tadlock
@jdtdesigns
Jun 18 2016 03:00
;)
Le Anh Duy (Andrew)
@leanhduy1998
Jun 18 2016 03:01
Hi guys. For the Inventory Update bonfire, how do you sort the items alphabetically?
Ken Haduch
@khaduch
Jun 18 2016 03:04
@Anakin771 - also check out http://postimg.org/ for a site to post pictures.
JD Tadlock
@jdtdesigns
Jun 18 2016 03:05
@leanhduy1998 use will use .sort()
Le Anh Duy (Andrew)
@leanhduy1998
Jun 18 2016 03:06
@jdtdesigns it will sort the front of the array, the numbers. I'm looking for the way to sort the back of the array
*sort using the front of the array
tbc13315
@tbc13315
Jun 18 2016 03:09
Hi JD, so I was looking more into this and I thought I could just put an "S" to make the API call "HTTPS" thinking it would solve the issue, but alas, it did not.
So do you have any tips? Thanks again!
JD Tadlock
@jdtdesigns
Jun 18 2016 03:10
@tbc13315 like i said, you can't use https with openweather unless you pay for premium
so you will need to use an ip locator api for chrome
you can't mix the two together (https for codepen, http for openweather) or it will throw an error
@leanhduy1998 haven't worked with the advanced algorithms in awhile. let me look it over for a minute
tbc13315
@tbc13315
Jun 18 2016 03:13
Ohhhhh ok. I'll check that out! I'm still a noob, so I guess I just have to do more research on https and http to understand it better. Thanks again!
Yanakorn Chaeyprasert
@Anakin771
Jun 18 2016 03:18
it works! thanks @GregatGit and @khaduch !
CamperBot
@camperbot
Jun 18 2016 03:18
anakin771 sends brownie points to @gregatgit and @khaduch :sparkles: :thumbsup: :sparkles:
:cookie: 603 | @gregatgit |http://www.freecodecamp.com/gregatgit
:star2: 1344 | @khaduch |http://www.freecodecamp.com/khaduch
Le Anh Duy (Andrew)
@leanhduy1998
Jun 18 2016 03:20
@jdtdesigns so I saw this code on the internet, and it seems to work, but I don't understand how.
function Comparator(a, b) {
if (a[1] < b[1]) return -1;
if (a[1] > b[1]) return 1;
return 0;
}
myArray = myArray.sort(Comparator);
Norvin Burrus
@ndburrus
Jun 18 2016 03:22
@leanhduy1998 it looks like they are just using an array...
Le Anh Duy (Andrew)
@leanhduy1998
Jun 18 2016 03:24
@ndburrus I see. But what's with the -1,0,1?
Norvin Burrus
@ndburrus
Jun 18 2016 03:27
@leanhduy1998 there are 3 conditions that determine the output... the -1,0, and 1 are the possible output values...
Le Anh Duy (Andrew)
@leanhduy1998
Jun 18 2016 03:29
I see. Thanks @ndburrus
CamperBot
@camperbot
Jun 18 2016 03:29
leanhduy1998 sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:cookie: 577 | @ndburrus |http://www.freecodecamp.com/ndburrus
Le Anh Duy (Andrew)
@leanhduy1998
Jun 18 2016 03:30
@jdtdesigns thanks
CamperBot
@camperbot
Jun 18 2016 03:30
leanhduy1998 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 506 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
Norvin Burrus
@ndburrus
Jun 18 2016 03:30
@leanhduy1998 you're welcome! :+1:
John
@JKilk
Jun 18 2016 03:32
hey guys i made my first webpage ever for the 'build a tribute page' challenge and im feeling accomplished, anyone want to take a look?
lcassettai
@lcassettai
Jun 18 2016 03:36
@JKilk send you codepen! =D
John
@JKilk
Jun 18 2016 03:36
okay! here's my codepen https://codepen.io/JKilk/full/bewGgJ/
lcassettai
@lcassettai
Jun 18 2016 03:44
@JKilk good job men! i really like it!
can i give you some advice?
andreas2249
@andreas2249
Jun 18 2016 03:45

Good evening, Campers. I'm trying to limit a scrolling action so that it doesn't scroll over the menu at the top of the page. Can someone point me in the right direction, please? (Is this a z-index issue?)

Thanks in advance. Here's my CodePen: http://codepen.io/andreas2249/pen/rLMOPw/

Very nice, @JKilk. I especially like the choice of / colors coordination. :)
buiphuking
@buiphuking
Jun 18 2016 03:47
how can we check a function is actived
lcassettai
@lcassettai
Jun 18 2016 03:49
@andreas2249 i dont undertand what you want... can you be more explicit ? its not your bad hah im not good at english
@buiphuking i don't know what you mean by actived... function always are waiting for you to call them :P
andreas2249
@andreas2249
Jun 18 2016 03:50
Thank you for your prompt reply @lcassettai. I want to keep the menu at top of the page visible at all times. Right now, when someone scrolls my page or clicks a link, the content covers up the menu.
CamperBot
@camperbot
Jun 18 2016 03:50
andreas2249 sends brownie points to @lcassettai :sparkles: :thumbsup: :sparkles:
:cookie: 334 | @lcassettai |http://www.freecodecamp.com/lcassettai
andreas2249
@andreas2249
Jun 18 2016 03:51
@buiphuking, can you be more specific, please?
Are you wondering if your code is "seeing" the function?
buiphuking
@buiphuking
Jun 18 2016 03:52

@lcassettai
http://codepen.io/buiphuking/pen/JKoEZG?editors=0011

if($(this).html() == ''){
                  $(this).append(player);
                  checkWin(player);
                  if($('#myModal3').is(':visible')) 
                  {
                    return;

                  }
                   if($('#' + computerMove).html() == ''){
                    $('#' + computerMove).append(computer);
                    }else{
                      return false;
                    }
                  //if(checkWin(computer)) return false;

                }else{
                  return false;
                }

i pick X, if i win, O stop picking

lcassettai
@lcassettai
Jun 18 2016 03:53
@andreas2249 you mean like that? (send pic)
blob
buiphuking
@buiphuking
Jun 18 2016 03:54
@lcassettai check my link above plz
andreas2249
@andreas2249
Jun 18 2016 03:55
Yes, @lcassettai. I'm looking for some kind of "margin" or something so that all of the content can never get higher than the bottom of the logo and menu (plus some extra margin). Thanks. :)
CamperBot
@camperbot
Jun 18 2016 03:55
andreas2249 sends brownie points to @lcassettai :sparkles: :thumbsup: :sparkles:
:warning: andreas2249 already gave lcassettai points
lcassettai
@lcassettai
Jun 18 2016 03:57
@andreas2249 np! add navbar-default o navbar-inverted if you want what i send in the pic
<nav class="navbar navbar-fixed-top navbar-default">
@buiphuking i take a look !
andreas2249
@andreas2249
Jun 18 2016 03:59
@lcassettai, that's brilliant! Thank you for your time and consideration. Best wishes. :) :+1:
CamperBot
@camperbot
Jun 18 2016 03:59
andreas2249 sends brownie points to @lcassettai :sparkles: :thumbsup: :sparkles:
:warning: andreas2249 already gave lcassettai points
JD Tadlock
@jdtdesigns
Jun 18 2016 04:00
@leanhduy1998 I figured it out :)
lcassettai
@lcassettai
Jun 18 2016 04:00
@andreas2249 =D no problem!
Jeff
@adzam5
Jun 18 2016 04:01

I have a set of divs with multiple links in them. I would like to make it so the entire div is clickable and triggers the first link. I tried

$('.collection-item').click(function() {
    window.location = $(this).find('a').first().attr('href');
    return false;
});

It works, but the other links within the div are no longer clickable. Any suggestions?

JD Tadlock
@jdtdesigns
Jun 18 2016 04:01
@leanhduy1998 the 1, 0, or -1 was probably referring to the sort function correct?
although, I don't know why they would use 0
lcassettai
@lcassettai
Jun 18 2016 04:05
@buiphuking in your html you have a buttom that call function called first() , but in your js you don't have the function first
  <button id="X" onclick="first()" type="button" data-toggle="modal" data-target="#myModal2" data-dismiss="modal" class="btn btn-info">X</button>


 <button id="O" onclick="first()" type="button" data-toggle="modal" data-target="#myModal2" data-dismiss="modal" class="btn btn-info">O</button>
@adzam5 can you send your pen?
Le Anh Duy (Andrew)
@leanhduy1998
Jun 18 2016 04:09
@jdtdesigns can you tell me?
buiphuking
@buiphuking
Jun 18 2016 04:09
@lcassettai
delete onclick, i don't need it anymore
Le Anh Duy (Andrew)
@leanhduy1998
Jun 18 2016 04:10
oops, I missed the latest comment
@jdtdesigns I tried it, but it still didn't work
JD Tadlock
@jdtdesigns
Jun 18 2016 04:11
@leanhduy1998 you can use a nested .map() to iterate through the arrays and compare the values
arr2.map(function(comparison) {
  arr1.map(function(output) {
     if (  comparison[1] == output[1] ) console.log(comparison[1]);
  });
});
try that
then work with it to figure out a solution ;)
Jeff
@adzam5
Jun 18 2016 04:13
@lcassettai The project is mainly written in PHP. Give me a minute to copy what I am talking about into a pen
andreas2249
@andreas2249
Jun 18 2016 04:14
@lcassettai, one thing I noticed about your solution is that navbar-default adds the white color to the background. I'd like use your solution -- but not have it add the background color. Any suggestions to override that effect? Thanks in advance. :)
CamperBot
@camperbot
Jun 18 2016 04:14
andreas2249 sends brownie points to @lcassettai :sparkles: :thumbsup: :sparkles:
:warning: andreas2249 already gave lcassettai points
buiphuking
@buiphuking
Jun 18 2016 04:15
difference between return and return false ?????????????????
Le Anh Duy (Andrew)
@leanhduy1998
Jun 18 2016 04:15
@jdtdesigns oh, I think you misunderstood my question. I got everything works out great, but this bonfire requires everything in alphabetic order.
lcassettai
@lcassettai
Jun 18 2016 04:15
@andreas2249 you want to add another color?
JD Tadlock
@jdtdesigns
Jun 18 2016 04:16
@leanhduy1998 .sort() will compare each value in an array to the next, starting from the first one.
so you can run it on the arr1 to compare each word to the next word
andreas2249
@andreas2249
Jun 18 2016 04:18
@lcassettai, actually, no color. I'd like it so that the text is floating there on top of the image as it's shown in this example. In other words, have the text scroll up -- but not cover what's there now.
JD Tadlock
@jdtdesigns
Jun 18 2016 04:19
arr1.sort(function(a, b) {
// if the string in a is greater than the string in b, return true, else return false
});
@leanhduy1998
little pseudo code
andreas2249
@andreas2249
Jun 18 2016 04:19
@lcassettai, I did try to overwrite some of the navbar-default class with this -- but it didn't work:
.navbar-default {
  background-color:teal;
}
Le Anh Duy (Andrew)
@leanhduy1998
Jun 18 2016 04:20
@jdtdesigns I tried using sort, but it returns sth like this: [a,b,c,d,a]. It sorts out everything next to each other, but if there's an "a" at the end, it doesn't do so.
lcassettai
@lcassettai
Jun 18 2016 04:20
@adzam5 you mean something like this ? https://jsfiddle.net/lcassettai/zvybcgdy/
andreas2249
@andreas2249
Jun 18 2016 04:20
Oops. Not "teal" but background-color: none;
lcassettai
@lcassettai
Jun 18 2016 04:20
@andreas2249 try with transparent?
Le Anh Duy (Andrew)
@leanhduy1998
Jun 18 2016 04:21
JD Tadlock
@jdtdesigns
Jun 18 2016 04:21
remember you are sorting through arrays inside an array
@leanhduy1998
Jeff
@adzam5
Jun 18 2016 04:23
@lcassettai Yes! Only each div will have more than 1 link. I want clicking on the div to be able to trigger the first link in the div. I was just putting together a pen.
JD Tadlock
@jdtdesigns
Jun 18 2016 04:24
@leanhduy1998 change the end to this return arr1.sort(Comparator);
and you're good i think :P
andreas2249
@andreas2249
Jun 18 2016 04:25
Haha, didn't know there was a transparent type of method... Tried it. Not quite working: http://codepen.io/andreas2249/pen/rLMOPw/
Can you think of a more "generic," non-Bootstrap way of writing some CSS that will protect that area from having text scroll over the logo and menu?
Le Anh Duy (Andrew)
@leanhduy1998
Jun 18 2016 04:26
@jdtdesigns you see, the result order have sth like this: ... hair pin, microphone, half-eaten apple ... . It's not in order, even though the rest of them are in order.
JD Tadlock
@jdtdesigns
Jun 18 2016 04:27
@leanhduy1998 I see the problem. The compare function isn't written right.
andreas2249
@andreas2249
Jun 18 2016 04:27
(I'm not looking for someone to write the code for me... But I don't know how to ask the question the right way that will lead me to learn about a solution. :) )
JD Tadlock
@jdtdesigns
Jun 18 2016 04:27
// Needs to be this
function Comparator(a, b) {
   if (a[1] > b[1]) return true;
   return false;
 }
@leanhduy1998
Le Anh Duy (Andrew)
@leanhduy1998
Jun 18 2016 04:28
@jdtdesigns the problem is still there :(
JD Tadlock
@jdtdesigns
Jun 18 2016 04:28
hmm
@leanhduy1998 You're returning an array inside the last two arrays
something is off in your code above
[ [ 88, 'Bowling Ball' ],
  [ 2, 'Dirty Sock' ],
  [ 3, 'Hair Pin' ],
  [ 5, 'Microphone' ],
  [ [ 3, 'Half-Eaten Apple' ] ], // double nested
  [ [ 7, 'Toothpaste' ] ] ] // double nested
Le Anh Duy (Andrew)
@leanhduy1998
Jun 18 2016 04:29
ohh I see
fixing that would fix the problem
JD Tadlock
@jdtdesigns
Jun 18 2016 04:30
yes
Le Anh Duy (Andrew)
@leanhduy1998
Jun 18 2016 04:30
thanks @jdtdesigns
CamperBot
@camperbot
Jun 18 2016 04:30
leanhduy1998 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 508 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
JD Tadlock
@jdtdesigns
Jun 18 2016 04:30
welcome ;)
lcassettai
@lcassettai
Jun 18 2016 04:31
@andreas2249 but if you don't use a background your menu will be always above the content of the page but it will mix with the text (pic)
blob
Suzanne Atkinson
@AdventureBear
Jun 18 2016 04:32
can anyone give me a few ideas about my twitch TV feed project?
Here's my pen. The trouble I'm having is that it's a double .get call depending on whether the person is streaming or not. And when I return al lthe data I can't get the output to line up nicely. I want the logo, then the name then the stream condition to be all in one row.
this has been bending my mind for months. I'm so frustrated I can't figure it out but this is the best i've done so far.
JD Tadlock
@jdtdesigns
Jun 18 2016 04:34
@AdventureBear i can give you a solution that you can use
if you're willing to change your code ;)
andreas2249
@andreas2249
Jun 18 2016 04:35

@lcassettai, yes, agree. And that's what I'm trying to solve. So I think your idea of using a transparent background might be the right idea. But when I added it to the CSS section, as follows, the background become transparent (most of it did) -- but now the text covers that area again.

This is what I added:

.navbar-default {
  background-color: transparent;
}

Does adding this mess up up the rest of the navbar-default class?

rhawkthrone
@rhawkthrone
Jun 18 2016 04:37
can i post my tribute page here? i'm not sure how to fix the video issue
Suzanne Atkinson
@AdventureBear
Jun 18 2016 04:38
@jdtdesigns I'm certainly willing to change...I'd prefer to be given a hint so i can learn.
lcassettai
@lcassettai
Jun 18 2016 04:38
@andreas2249 try with this and play with the properties, int the background the (0.3) its the opacity you can make 1 to 100% o 0 to 0%
.navbar{
  z-index:999 !important;
  top:0px;
  left:0px;
  position:fixed;
  background:rgba(256,265,256,0.3);
  border-bottom:1px solid;
  box-shadow: -2px 7px 19px -3px rgba(0,0,0,0.75);
}
Suzanne Atkinson
@AdventureBear
Jun 18 2016 04:39
but if you mean writing it in angular or react I'd like to figure it out in straight HTML first, then rewrite in another view.
lcassettai
@lcassettai
Jun 18 2016 04:39
@andreas2249 and @jdtdesigns say he have a solution maybe he undertand more what you need
Suzanne Atkinson
@AdventureBear
Jun 18 2016 04:42
@jdtdesigns I'm headed to bed, but if you can help with a hint or three, please share or PM. I appreciate any tips. thank you
CamperBot
@camperbot
Jun 18 2016 04:42
adventurebear sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 509 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
lcassettai
@lcassettai
Jun 18 2016 04:43
@rhawkthrone nice work! i really like it!
andreas2249
@andreas2249
Jun 18 2016 04:44

@lcassettai, wow! That is a GORGEOUS effect! Thanks for that. I'm keeping that. The only thing I'd like to solve is that when text scrolls up, that it will appear not to go any higher than the bottom of the shadow of that navigation bar at the top of the screen.

They way it is now (very much improved :) ), the main content still shows thru the logo and nav menu when scrolling. Thanks!

CamperBot
@camperbot
Jun 18 2016 04:44
andreas2249 sends brownie points to @lcassettai :sparkles: :thumbsup: :sparkles:
:warning: andreas2249 already gave lcassettai points
rhawkthrone
@rhawkthrone
Jun 18 2016 04:44
@lcassettai thank you!
CamperBot
@camperbot
Jun 18 2016 04:44
rhawkthrone sends brownie points to @lcassettai :sparkles: :thumbsup: :sparkles:
:cookie: 335 | @lcassettai |http://www.freecodecamp.com/lcassettai
andreas2249
@andreas2249
Jun 18 2016 04:44
Suzanne Atkinson
@AdventureBear
Jun 18 2016 04:55
Anyone with a tip for me?
JD Tadlock
@jdtdesigns
Jun 18 2016 04:56
Suzanne Atkinson
@AdventureBear
Jun 18 2016 04:58
@jdtdesigns thanks, but my data doesn't seem to get returned like that. When I try to output the logo outside of the inner get request I get a 404 error and a broken image link
CamperBot
@camperbot
Jun 18 2016 04:58
adventurebear sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:warning: adventurebear already gave jdtdesigns points
Suzanne Atkinson
@AdventureBear
Jun 18 2016 04:58
I'm on my mobile phone now so can't go in and reproduce for you
Is the logo available in the first json request? It is such a confusing feed to me for some reason
JD Tadlock
@jdtdesigns
Jun 18 2016 05:00
@AdventureBear The main purpose of my code was to show you how to put the elements in a 'row' and align them correctly
it sounds like you're setting some stuff before the data is received
lcassettai
@lcassettai
Jun 18 2016 05:05
@andreas2249 lcassettai-navbar haha awww love that ! i fork your project and add a cool style with js you can see here http://codepen.io/lucho_casse/pen/YWGwdP
JD Tadlock
@jdtdesigns
Jun 18 2016 05:06
@AdventureBear Here's my twitch app. I commented where i get the logo url from. https://codepen.io/jdtadlock/pen/MyoyLW?editors=0010
andreas2249
@andreas2249
Jun 18 2016 05:10

Oh, definitely, @lcassettai. I give credit where credit is due. I appreciate all of your effort very much. :)

I like this new change the way that pops up. Very nice. Here's what is still happening:

Text is showing up in menu bar on scroll

@lcassettai, I guess you could say that I'm looking for any scrolling to go "behind" the menu. I think your z-index idea helped steer this in the right direction...
JD Tadlock
@jdtdesigns
Jun 18 2016 05:13
@andreas2249 if you're menu bar is fixed, just give it a high z-index
Suzanne Atkinson
@AdventureBear
Jun 18 2016 05:13
@jdtdesigns got it, thank you. I'll take a look at your code!
CamperBot
@camperbot
Jun 18 2016 05:13
adventurebear sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:warning: adventurebear already gave jdtdesigns points
lcassettai
@lcassettai
Jun 18 2016 05:14
@andreas2249 yep but that will always happen if you don't make the background color solid, in this case i use opacity you can take of opacity and play with the colors but if you don't put a background solid you will have that problem. Your menu is above but visualy will mix with the text behind!
andreas2249
@andreas2249
Jun 18 2016 05:15
Thank you @jdtdesigns. @lcassettai came up with this which gave it a z-index of 999:
.lcassettai-navbar{
  z-index:999; !important;
  top:0px;
  left:0px;
  position:fixed;
  background:rgba(256,265,256,0.3);
  border-bottom:1px solid;
  box-shadow: -2px 7px 19px -3px rgba(0,0,0,0.75);
}
CamperBot
@camperbot
Jun 18 2016 05:15
andreas2249 sends brownie points to @jdtdesigns and @lcassettai :sparkles: :thumbsup: :sparkles:
:cookie: 336 | @lcassettai |http://www.freecodecamp.com/lcassettai
:cookie: 510 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
andreas2249
@andreas2249
Jun 18 2016 05:16
@lcassettai and @jdtdesigns, it's quite possible that I'm asking for something that can't be done -- and only because I don't know better yet... :)
JD Tadlock
@jdtdesigns
Jun 18 2016 05:16
@andreas2249 You have a semi-colon after 999 which shouldn't be there ;)
@andreas2249 Can you post your pen again? I'll check it out.
andreas2249
@andreas2249
Jun 18 2016 05:17
@jdtdesigns, here's the one with @lcassetai's first brilliant suggestion:
lcassettai
@lcassettai
Jun 18 2016 05:18
@andreas2249 or maybe i don't understand very well your issue hah
andreas2249
@andreas2249
Jun 18 2016 05:18

@jdtdesigns, and there's this one that opens up a cool "trap door" effect when scrolling text is getting closer:

http://codepen.io/lucho_casse/pen/YWGwdP?editors=1010

@lcassettai, don't say that, please. Your suggestions are just brilliant!
Suzanne Atkinson
@AdventureBear
Jun 18 2016 05:19
@jdtdesigns I think my issue has been the. /streams. Vs the /channel urls. I thought the were dependent on each other but not really. Just 2 different ones. Very elegant code.
JD Tadlock
@jdtdesigns
Jun 18 2016 05:19
@AdventureBear thank you :)
CamperBot
@camperbot
Jun 18 2016 05:19
jdtdesigns sends brownie points to @adventurebear :sparkles: :thumbsup: :sparkles:
:cookie: 441 | @adventurebear |http://www.freecodecamp.com/adventurebear
lcassettai
@lcassettai
Jun 18 2016 05:20
blob
@andreas2249 hah
JD Tadlock
@jdtdesigns
Jun 18 2016 05:20
@andreas2249 what are you trying to achieve?
andreas2249
@andreas2249
Jun 18 2016 05:22
@jdtdesigns, when text scrolls up, I'd like to go "behind" or "underneath" the logo and nav items to prevent this effect: example of content showing in menu bar...
(That's a funny pic, @lcassettai. I appreciate your patience with me.)
JD Tadlock
@jdtdesigns
Jun 18 2016 05:24
@andreas2249 I would just give the navbar a solid background at the point where you fade it in.
andreas2249
@andreas2249
Jun 18 2016 05:26
Sounds good to me, @jdtdesigns. I'm still a newbie at this. How do I sense that or detect that in code? Would that become part of the javascript @lcassettai added there in this pen? http://codepen.io/lucho_casse/pen/YWGwdP?editors=1010
Suzanne Atkinson
@AdventureBear
Jun 18 2016 05:27
I just moved the HTML into the inner channel request and it seems to work now. Not saved as I'm on my phone but at least I can sleep. Night all. Thanks again this is a fantastic resource
JD Tadlock
@jdtdesigns
Jun 18 2016 05:28
.lcassettai-navbar{
  transition:1s;
  z-index:999; // Don't need important
  top:0px;
  left:0px;
  position:fixed;
  background: #fff; // Don't need important
  border-bottom:1px solid rgba(0,0,0,03);
  box-shadow: -2px 5px 19px -3px rgba(0,0,0,0.75);
}
@andreas2249
andreas2249
@andreas2249
Jun 18 2016 05:30
WOW! That is slick, @jdtdesigns !
@jdtdesigns and @lcassettai, thank you again for your considerable time and patience with my issue. I really appreciate it. :)
CamperBot
@camperbot
Jun 18 2016 05:33
andreas2249 sends brownie points to @jdtdesigns and @lcassettai :sparkles: :thumbsup: :sparkles:
:warning: andreas2249 already gave lcassettai points
:warning: andreas2249 already gave jdtdesigns points
lcassettai
@lcassettai
Jun 18 2016 05:35
@andreas2249 no problem! =D I expect to see the final result!
Good night people! im going to sleep here is 2:35 am haha have a great morning
blob
andreas2249
@andreas2249
Jun 18 2016 05:36
Good night, @lcassettai
ronaldrdguez
@ronaldrdguez
Jun 18 2016 05:44
Hi there. I'm using https://erikflowers.github.io/weather-icons/ on my weather app. I can't get the yahoo mappings to work on codepen. What I need is to get an icon of the form <i class="wi wi-yahoo-##> to display. Here's the link with the app so far. Any help much appreciated.
http://codepen.io/ronaldrodguez/pen/MeyGVq
Greg Duncan
@GregatGit
Jun 18 2016 05:45
I think I have my simone js down - if anyone can see any problems that would be cool - I have alot of work to do on the html/css - the array down the bottom is for test and you win in12 moves http://codepen.io/gregoverhere/pen/WxxZxy
Erfi Anugrah
@erfianugrah
Jun 18 2016 05:55
I tried adding underline animations on my heading link which I would later use as an anchor link but it doesn't work.
http://codepen.io/anugrah/pen/bewEwp
Erfi Anugrah
@erfianugrah
Jun 18 2016 06:17
Never mind, I got it.
Ryan
@ispeakcomputer
Jun 18 2016 06:20
Dang , I suck at coding. Still trying to figure out how im gonna get lat / long to feed to my weather API.
Erfi Anugrah
@erfianugrah
Jun 18 2016 06:20
Keep at it, I made a stupid mistake in HTML
Keep looking it over.
Ryan
@ispeakcomputer
Jun 18 2016 06:20
just fyi searching codepen gives many examples of weather apps.
i definitely will thanks .
Iulian Crudu
@IulianCrudu
Jun 18 2016 06:22
Guys how should i make the Build a Personal Portfolio like the example if i never learned this? span never learned, javascript too
Erfi Anugrah
@erfianugrah
Jun 18 2016 06:23
You don't need JavaScript. and I just googled and learnt as I go along.
I think that's the whole point of the exercise.
Greg Duncan
@GregatGit
Jun 18 2016 06:27
@IulianCrudu It's a very hard challenge. Just start doing what you can. You can keep doing the the Free code Camp ciriculumn and challenges as well. If you cant build a great portfolio, build a simple one and make it better as you go along.
Iulian Crudu
@IulianCrudu
Jun 18 2016 06:27
But will i learn what i need for a great portfolio in the future on fcc?
Erfi Anugrah
@erfianugrah
Jun 18 2016 06:30
You'll everything pretty much.
*learn
Iulian Crudu
@IulianCrudu
Jun 18 2016 06:31
so sections,spans etc are on the fcc map?
Greg Duncan
@GregatGit
Jun 18 2016 06:31
@IulianCrudu you'll have to learn how to find resources across the net - here is a good one for this challenge http://www.w3schools.com/bootstrap/bootstrap_scrollspy.asp
no one place will have it all
Chris Cullen
@123xylem
Jun 18 2016 06:34

Can you help me with my bottom function. It takes a value from till and takes that off change needed.. I commented it up.. Its crashing my browser at the minute though... I think I need somethin with---- chgArr.push(i)--- But possibly some other changes aswell..


function checkCashRegister(price, cash, cid) {
var val;
  var cost=arguments[0];
  var money=arguments[1];
var till= arguments[2];
  var count=0;
  var arr=[];
  var change= money-cost;

  if(change<0){
  change=Math.abs(change);}//this makes change positive if its negative value
else change=change;


  for(i=0; i<till.length;i++){
   count+=till[i][1];}
    if(change>count){
    return "Insufficient Funds";
// Make a count that totals till values. If change is more than till then say so

  }  else{
  var chgCount=0;
    var chgArr=[];
  for(i=till.length-1;i<till.length;i--){ //go through till from highest to lowest
    while(change>chgCount){//while change is more than 0

      chgCount+=till[i][1]; //add number to change from till
      chgArr.push(till[i]);//put that in an array
      change-=till[i][1];//Take that number off change.
    }return chgArr;
  }


}
}

checkCashRegister(2000.50, 20.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]]);

the last else is the problem

Iulian Crudu
@IulianCrudu
Jun 18 2016 06:38
@GregatGit maybe i can use that link to make my portfolio but i won't understand what am i doing
Chris Cullen
@123xylem
Jun 18 2016 07:00
IS this an infi loop ?
for(i=till.length-1;i<till.length;i--)
kirbyedy
@kirbyedy
Jun 18 2016 07:30
This message was deleted
Tony Johnson
@tnyjhnsn
Jun 18 2016 08:26
I am starting the TwitchTV challenge. I can present data, but if i click on the link, I just get part of the twitch page. If I right click and select open in new tab, the page works. Any obvious errors here?
http://codepen.io/tony_tosp/full/yJaeWj/
By the way, the FCC example page does the same thing
Reach4dstars
@endencia
Jun 18 2016 08:26
How long is till? If till is finite, then results should be finite.
Ahmad Ali
@microcyberz
Jun 18 2016 08:37
Can anyone send me this solved challenge code....Target a Specific Child of an Element Using jQuery
@endencia thankyou
CamperBot
@camperbot
Jun 18 2016 08:37
microcyberz sends brownie points to @endencia :sparkles: :thumbsup: :sparkles:
:cookie: 10 | @endencia |http://www.freecodecamp.com/endencia
pete88
@peteakhurst
Jun 18 2016 08:39
is anyone able to please help me with a <UL> problem for my tribute page ?
please *
Holic
@Holic101
Jun 18 2016 08:39

Hi Everybody, I’m having difficulties with the Pomodoro Project.
Problem 1: My variable „sessionLength“ is initially set to 25 (line 4) and then should be changed by the functions „minSession“ (line 42) and „plusSession“ (line 54) and then affect the variable „time“ in line 65. But somehow it stays at the initial value of 25.

Problem 2: Also, if I pause the countdown and then restart it again it gets faster each time I do that.

Where is my mistake?

Here is my code: http://codepen.io/Holic101/pen/mEPazO

shariquemaaz
@shariquemaaz
Jun 18 2016 09:26
I need help badly .. please review my code.. This is about local weather app, the api call is returning back 404 error but when i paste the api url in the address bar, it is giving me json result. please tell me where am going wrong
function loadDoc(url, cfunc){
  var xhttp;
  xhttp = new XMLHttpRequest();
  xhttp.onreadychanged=function(){
    if(xhttp.status==200 && xhttp.reasyState==4){
      cfunc(xhttp);      
    }
  };
    xhttp.open("GET",url,true);
    xhttp.send();  
}
function location(xhttp){
  document.getElementById("out").innerHTML=xhttp.responseText;
}
loadDoc('ip-api.com/json', location);
flindip
@flindip
Jun 18 2016 10:38

Just finishing up my "Random Quote Generator" trying to get the twitter button to work. I was using the developer documents as a guide. But, obviously, I'm not doing it correctly. It seems like you don't need to add more javascript since it plugs into the html.

Here is the code:
http://codepen.io/flindip/pen/mEEjXa

Manuel Micu
@manu-4216
Jun 18 2016 10:44
@Holic101 You need your clearInterval(clock). Why did you comment it? Otherwise, when you press the clock again, a new interval is initiated, thus you'll have time-- twice every second....
Martialis39
@Martialis39
Jun 18 2016 10:46
Hey guys, quick question
im trying to poll an API with jquery with .getJSON(API, function data) . And in there I want to assign the data to a global variable
but I cant and I dont know why
Holic
@Holic101
Jun 18 2016 10:48
@manu-4216 thank you, I changed that and now this problem is solved, but I found another bug: when I reduce the sessionTime counter down to the lowest possible number (5 at the moment) and then try to add time again, this time is added as a string. So I get 0555:00 for example. Could you help me with that too?
CamperBot
@camperbot
Jun 18 2016 10:48
:cookie: 328 | @manu-4216 |http://www.freecodecamp.com/manu-4216
holic101 sends brownie points to @manu-4216 :sparkles: :thumbsup: :sparkles:
Manuel Micu
@manu-4216
Jun 18 2016 10:51
@Holic101 For the other problem (the timer starting always at 25), you should set time = sessionLength * 60; right after updating the value (plus or minus)
Holic
@Holic101
Jun 18 2016 10:52
@manu-4216 right, because I’m making it a string with the added „0“. thank you!!
CamperBot
@camperbot
Jun 18 2016 10:52
holic101 sends brownie points to @manu-4216 :sparkles: :thumbsup: :sparkles:
:warning: holic101 already gave manu-4216 points
Manuel Micu
@manu-4216
Jun 18 2016 10:54
@Holic101 Yeah, you should in fact call that 'checkTime' only when you're setting the html, like so: .innerHTML = checkTime(...)
Holic
@Holic101
Jun 18 2016 10:55
@manu-4216 I solved it with: sessionLength = parseInt(checkTime(sessionLength)); But I like your solution better
Manuel Micu
@manu-4216
Jun 18 2016 10:59
Yeah. checkTime is more like a formatTime function, that you should call only when displaying.
@Martialis39 Give us a link to your code
Greg Duncan
@GregatGit
Jun 18 2016 11:08
@Martialis39 Declare the variable outside the getJSON call - then change its value in the getJSON call
flindip
@flindip
Jun 18 2016 11:13
Is anyone familiar to implement a twitter button for the Random Quote Generator?
Stanley
@stanleyyylau
Jun 18 2016 12:25
@flindip I do
Marc Vesper
@marcvesper
Jun 18 2016 13:18
@flindip the href for the button link needs to begin "https://twitter.com/intent/tweet"
Mauricio Andrian
@MauXXI
Jun 18 2016 13:27

Hi everyone!
Can someone tell why this isn't working with width less than 700px? (max-width)
It aplies just the css that is for 700px at least. (min-width)
I'm using Chrome for testing.
```<link rel="stylesheet" type="text/css" media="(max-width: 700px)" href="styles-400.css">

<link rel="stylesheet" media="(min-width: 700px)" href="styles-700.css">```

flindip
@flindip
Jun 18 2016 13:33

Alright, I am working on the "Random Quote Generator." I think I found a method to make it work that is pretty simple using widgets and web intent: Still trying to make it work.

Here are the methods I'm using:
https://dev.twitter.com/web/tweet-button/web-intent
https://dev.twitter.com/web/tweet-button/javascript-create
Here is my code:
http://codepen.io/flindip/pen/mEEjXa

given the example of the widget I'm not sure if I need to anchor the twitter button.
Stefano Negro
@stblack
Jun 18 2016 13:58
Hi everyone,
I have some problems in understanding the challenge Build a Personal Portfoflio Webpage but I don't understand the rule #2 and I see other personal portfolio webpage that are using languages that are not explayned in what I learn until now.
Prashant Sharma
@30Prashant
Jun 18 2016 14:04
Can anyone give me the code of this https://www.freecodecamp.com/challenges/record-collection
buckshot307
@buckshot307
Jun 18 2016 14:41
@stblack rule 2 is just to fulfill the user stories it lists below
you don't have to make it anything fancy to start out with. What I did was make a simple portfolio page that fulfilled the user stories and looked decent, and then came back once I had learned more and made it look better.
Tjasa Kravcar
@TDandelion
Jun 18 2016 14:43
@stblack hi. i am also at this point right now, am ending this challenge. I thing other users might have been either "advanced" with more knowledge or they came back later and change it, after they have learned something new
buckshot307
@buckshot307
Jun 18 2016 14:46
@TDandelion exactly. My original page didn't look much different than my tribute page but now it's got all kinds of neat things added.
Norvin Burrus
@ndburrus
Jun 18 2016 14:47
@microcyberz can you post what you've got so far?
Tjasa Kravcar
@TDandelion
Jun 18 2016 14:50
@buckshot307 nice. I am thinking right now either to go on on the next challenge or "pimp" my portfolio page. All user stories are completed, it is quite decent outcome, but I am disovering so many new things, i would like to test them all... But I guess i will not come quite far if i keep doing changes, right?
buckshot307
@buckshot307
Jun 18 2016 14:52
@TDandelion Yeah I would go on! By the time you complete the course you will have learned so much more and may even completely redo your portfolio. I have the one I did originally, but it never quite looked the way I wanted so I've restarted and made a more simple looking one. It will be more complex though because I know more CSS and jquery now.
Tjasa Kravcar
@TDandelion
Jun 18 2016 14:54
@buckshot307 ok, thanks for advice!! will go on than
CamperBot
@camperbot
Jun 18 2016 14:54
tdandelion sends brownie points to @buckshot307 :sparkles: :thumbsup: :sparkles:
:cookie: 325 | @buckshot307 |http://www.freecodecamp.com/buckshot307
Paul de Wouters
@pdewouters
Jun 18 2016 15:10
I'm looking for good resources/tutorials for webpack
Fernand
@Ferdyboy81
Jun 18 2016 15:16
guys i need some help plzz... how can i make my cards display in a 2x2 layout? http://codepen.io/Ferdyboy81/pen/PzzqGE?editors=1100
Stefano Negro
@stblack
Jun 18 2016 15:26
Thanks @buckshot307 and @TDandelion
CamperBot
@camperbot
Jun 18 2016 15:26
stblack sends brownie points to @buckshot307 and @tdandelion :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for tdandelion
:cookie: 326 | @buckshot307 |http://www.freecodecamp.com/buckshot307
Prashant Sharma
@30Prashant
Jun 18 2016 15:28
https://www.freecodecamp.com/challenges/record-collection#?solution=%0A%2F%2F%20Setup%0Avar%20collection%20%3D%20%7B%0A%20%20%20%202548%3A%20%7B%0A%20%20%20%20%20%20album%3A%20%22Slippery%20When%20Wet%22%2C%0A%20%20%20%20%20%20artist%3A%20%22Bon%20Jovi%22%2C%0A%20%20%20%20%20%20tracks%3A%20%5B%20%0A%20%20%20%20%20%20%20%20%22Let%20It%20Rock%22%2C%20%0A%20%20%20%20%20%20%20%20%22You%20Give%20Love%20a%20Bad%20Name%22%20%0A%20%20%20%20%20%20%5D%0A%20%20%20%20%7D%2C%0A%20%20%20%202468%3A%20%7B%0A%20%20%20%20%20%20album%3A%20%221999%22%2C%0A%20%20%20%20%20%20artist%3A%20%22Prince%22%2C%0A%20%20%20%20%20%20tracks%3A%20%5B%20%0A%20%20%20%20%20%20%20%20%221999%22%2C%20%0A%20%20%20%20%20%20%20%20%22Little%20Red%20Corvette%22%20%0A%20%20%20%20%20%20%5D%0A%20%20%20%20%7D%2C%0A%20%20%20%201245%3A%20%7B%0A%20%20%20%20%20%20artist%3A%20%22Robert%20Palmer%22%2C%0A%20%20%20%20%20%20tracks%3A%20%5B%20%5D%0A%20%20%20%20%7D%2C%0A%20%20%20%205439%3A%20%7B%0A%20%20%20%20%20%20album%3A%20%22ABBA%20Gold%22%0A%20%20%20%20%7D%0A%7D%3B%0A%2F%2F%20Keep%20a%20copy%20of%20the%20collection%20for%20tests%0Avar%20collectionCopy%20%3D%20JSON.parse(JSON.stringify(collection))%3B%0A%0A%2F%2F%20Only%20change%20code%20below%20this%20line%0Afunction%20updateRecords(id%2C%20prop%2C%20value)%20%7B%0A%0A%20%20if(%20value%20!%3D%3D%20%22%22%20%26%26%20prop%20!%3D%3D%20%22tracks%22)%20%7B%0A%20%20%20%20if%20(!collection%5Bid%5D%5Bprop%5D)%20%7B%0A%20%20%20%20%20%20collection%5Bid%5D%5Bprop%5D%20%3D%20value%3B%0A%20%20%20%20%7D%0A%20%20%7D%20else%20if%20(value%20!%3D%3D%20%22%22%20%26%26%20prop%20%3D%3D%3D%20%22tracks%22)%20%7B%0A%20%20%20%20if%20(!collection%5Bid%5D%5Bprop%5D)%20%7B%0A%20%20%20%20%20%20collection%5Bid%5D%5Bprop%5D%20%3D%20%5B%5D%3B%0A%20%20%20%20%20%20collection%5Bid%5D%5Bprop%5D.push(value)%3B%0A%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20collection%5Bid%5D%5Bprop%5D.push(value)%3B%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20return%20collection%3B%0A%7D%0A%0A%2F%2F%20Alter%20values%20below%20to%20test%20your%20code%0AupdateRecords(5439%2C%20%22tracks%22%2C%20%22Take%20a%20Chance%20on%20Me%22)%3B%0A%0A Can anybody help?
flindip
@flindip
Jun 18 2016 15:34
Can someone help me implement the twitter button with the "Random quote Machine"?
Dan Logajan
@hiltydiggs
Jun 18 2016 15:42
@flindip href="https://twitter.com/intent/tweet?text=Hello%20world" is the basic link to compose a tweet. That's a good place to start. Not sure how far along you are.
I'm just trying to figure out if I need to anchor the button. I'm not sure If its necessary or not
Dan Logajan
@hiltydiggs
Jun 18 2016 15:47
Doesn't look like it according to the documentation.
flindip
@flindip
Jun 18 2016 15:48
@hiltydiggs Yeah but its not really functioning. Seems like it should be easy to implement. I thought by the instructions
Dan Logajan
@hiltydiggs
Jun 18 2016 15:49
Yeah I see. I'm playing around with it now.
Manuel Micu
@manu-4216
Jun 18 2016 15:53

@Ferdyboy81
You can use:
min-height: 200px;
min-width: 150px;
display: inline-block;

But I really encourage you to research on display: block, inline, and inline-block

Dan Logajan
@hiltydiggs
Jun 18 2016 16:01
@flindip still nothing
Dan Logajan
@hiltydiggs
Jun 18 2016 16:07
@flindip fyi you're missing the break; after case 1:.
andreas2249
@andreas2249
Jun 18 2016 16:11
@flindip, nice page there. Haven't seen Stuart Smalley in years. :)
Anthony Ho
@chiho13
Jun 18 2016 16:17
does anyone use yeoman to generate boilerplates for html, react, angular? yeoman seems like a lifesaver, is it similar to rails generate ?
flindip
@flindip
Jun 18 2016 16:22
@hiltydiggs @andreas2249 thanks. Just trying to get that twitter button finished
CamperBot
@camperbot
Jun 18 2016 16:22
flindip sends brownie points to @hiltydiggs and @andreas2249 :sparkles: :thumbsup: :sparkles:
:cookie: 529 | @hiltydiggs |http://www.freecodecamp.com/hiltydiggs
:warning: could not find receiver for andreas2249
flindip
@flindip
Jun 18 2016 16:23
@hiltydiggs Hmm, I may go look into a different channel then. Thanks for trying though
CamperBot
@camperbot
Jun 18 2016 16:23
flindip sends brownie points to @hiltydiggs :sparkles: :thumbsup: :sparkles:
:warning: flindip already gave hiltydiggs points
JD Tadlock
@jdtdesigns
Jun 18 2016 16:24
This message was deleted
@flindip what's the issue?
Dan Logajan
@hiltydiggs
Jun 18 2016 16:24
@flindip yeah sorry. Still reading stackoverflows on it.
JD Tadlock
@jdtdesigns
Jun 18 2016 16:26
@flindip why not do what they recommend now and use the twitter intent url?
Mihailo
@mikser73
Jun 18 2016 16:26
Hi there, coders. I'm trying to make this "Show the Local Weather" app, but I encountered problems right at the beginning. Basically, what I'm trying to do is use $.getJSON method to retrieve data from this Open Weather API, but it's not working. Plain insertion of API calls found there as getJSON url parameter, even with http:// beforehand, doesn't seem to do the trick. I even tried to insert page address as url and API call as data, to no avail. Anyone has any ideas? Thanks in advance!
JD Tadlock
@jdtdesigns
Jun 18 2016 16:27
@mikser73 post your codepen
@flindip https://twitter.com/intent/tweet?hashtags=quotes&related=freecodecamp&text= and just concat the quote on the end you're done
Dan Logajan
@hiltydiggs
Jun 18 2016 16:28
@flindip one more thing, even though it's not working right now, it looks like the tweet text is only set once on page load so when a new quote is called for twttr.widgets.load() will update the tweet text according to documentation. It would have to called each time a new quote is requested.
@mikser73 possibly https://?
flindip
@flindip
Jun 18 2016 16:29
@jdtdesigns I see, let me give it a shot
Mihailo
@mikser73
Jun 18 2016 16:30
@jdtdesigns Here it is. I didn't get very far :) http://codepen.io/mikser73/pen/WxxVYE
Patrick Tłuszcz
@uRTLy
Jun 18 2016 16:31
anyone can tell me why divs with class button in div class math-calculations doesnt work ?
http://codepen.io/uRTLy/pen/gMwwyw
Mihailo
@mikser73
Jun 18 2016 16:31
@hiltydiggs Tried it, doesn't work :(
JD Tadlock
@jdtdesigns
Jun 18 2016 16:32
@mikser73 IYou need a key from openweather to use their api
you have to sign up to get the key
also, js goes in the js tab, and the only html that goes in the html tab is the stuff between the <body> tags
Patrick Tłuszcz
@uRTLy
Jun 18 2016 16:33
I copied it from atom
JD Tadlock
@jdtdesigns
Jun 18 2016 16:34
codepen adds the <html><head><body> all for you
@mikser73
Mihailo
@mikser73
Jun 18 2016 16:36
@jdtdesigns OMG, thanks! I'll give it a try. As for those tags, it is just a habit I picked up while coding in Dreamweaver - writing everything in one place :)
CamperBot
@camperbot
Jun 18 2016 16:36
mikser73 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 511 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
flindip
@flindip
Jun 18 2016 16:37

@jdtdesigns I implemented it with an anchor. But I'm trying to get it to display the randomQuote(val)element...

Do I have to write a function for it?

href=https://twitter.com/intent/tweet?hashtags=quotes&related=freecodecamp&text="randomQuote(val)"><button type="button" class="btn btn-primary" id="btn2">Tweet</button></a>
Dan Logajan
@hiltydiggs
Jun 18 2016 16:39
@flindip I wrote a few functions for mine to percent encode and trim. Not the best code, but maybe an example to look at: random quote pen.
AdilJawad
@AdilJawad
Jun 18 2016 16:43
hello, can my tribute page be on any topic i want?
Dan Logajan
@hiltydiggs
Jun 18 2016 16:43
@AdilJawad yes
AdilJawad
@AdilJawad
Jun 18 2016 16:43
Thanks @hiltydiggs
CamperBot
@camperbot
Jun 18 2016 16:43
adiljawad sends brownie points to @hiltydiggs :sparkles: :thumbsup: :sparkles:
:cookie: 530 | @hiltydiggs |http://www.freecodecamp.com/hiltydiggs
Dan Logajan
@hiltydiggs
Jun 18 2016 16:44
@AdilJawad np!
AdilJawad
@AdilJawad
Jun 18 2016 16:44
:smile:
Ronique Ricketts
@RoniqueRicketts
Jun 18 2016 16:45
Hello everyone.
Dan Logajan
@hiltydiggs
Jun 18 2016 16:46
@RoniqueRicketts hello!
Ronique Ricketts
@RoniqueRicketts
Jun 18 2016 16:46
I am working on my TwitchTV app but I am stuck. I need help
$(document).ready(function() {
  var channel = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"];
  var api = 'https://api.twitch.tv/kraken/streams/';
  $.getJSON(api, function() {
    for (var i = 0; i < channel.length; i++) {
      $.getJSON(api + channel[i],function(data){
        //console.log(data.stream);
      if (data.stream===null){
       console.log(channel[i]+' is currently Offline'); 
      } 
        else{
         console.log(channel[i]+' is Online');
        }
      });
    }
  });
});
AdilJawad
@AdilJawad
Jun 18 2016 16:47
I don't know what to do my tribute page on
any suggestions?
Dan Logajan
@hiltydiggs
Jun 18 2016 16:49
@RoniqueRicketts you're calling $.getJSON twice. As you have it, it should iterate through channel and call $.getJSONfor each.
Ronique Ricketts
@RoniqueRicketts
Jun 18 2016 16:50
This message was deleted
@hiltydiggs so $.getJSON(url).forEach()
Dan Logajan
@hiltydiggs
Jun 18 2016 16:51

@RoniqueRicketts

$(document).ready(function() {
  var channel = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"];
  var api = 'https://api.twitch.tv/kraken/streams/';
  for (var i = 0; i < channel.length; i++) {
    $.getJSON(api + channel[i],function(data){
     //console.log(data.stream);
    if (data.stream===null){
     console.log(channel[i]+' is currently Offline'); 
    } 
    else{
       console.log(channel[i]+' is Online');   
    }
  });
}
});

Something like that

@RoniqueRicketts not sure if I removed the correct end brackets.
Raj
@Raj00786
Jun 18 2016 16:53
please help me i am confused when we write within double and single quotes "'something'"
      <div ng-include="'about.html'">
Ronique Ricketts
@RoniqueRicketts
Jun 18 2016 16:55
@hiltydiggs that didn't work. How does the forEach() works in this scenario?
flindip
@flindip
Jun 18 2016 16:55
@hiltydiggs yeah, its a different approach from my page. You went with arrays. I went with Switch. Maybe I can reverse engineer some things. Thanks
CamperBot
@camperbot
Jun 18 2016 16:55
:warning: flindip already gave hiltydiggs points
flindip sends brownie points to @hiltydiggs :sparkles: :thumbsup: :sparkles:
Dan Logajan
@hiltydiggs
Jun 18 2016 16:59
@RoniqueRicketts forEach() is just another way to iterate throught the channel var. channel.forEach(function(){$.getJSON...})
Ronique Ricketts
@RoniqueRicketts
Jun 18 2016 17:00
ok will try that thanks
I tried for it but didn't know how the $getJSON() comes into play
Raj
@Raj00786
Jun 18 2016 17:01
please help me
Dan Logajan
@hiltydiggs
Jun 18 2016 17:06
@Raj00786 looks correct
Raj
@Raj00786
Jun 18 2016 17:09
@hiltydiggs but why
<div ng-include="about.html"> not works
using only double quotes
Dan Logajan
@hiltydiggs
Jun 18 2016 17:10
@RoniqueRicketts you have an asynchronous problem. The current step of channel needs to be stored in a variable.
$(document).ready(function() {
  var channel = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"];
  var api = 'https://api.twitch.tv/kraken/streams/';
  for (var i = 0; i < channel.length; i++) {
    var current = channel[i];
    $.getJSON(api + current,function(data){
      if (data.stream===null) {
        console.log(current +' is currently Offline'); 
      } 
      else {
        console.log(current ' is Online');   
      }
    });
  };
});
Ronique Ricketts
@RoniqueRicketts
Jun 18 2016 17:11
oh cool thanks
Dan Logajan
@hiltydiggs
Jun 18 2016 17:12
@RoniqueRicketts still not quite right. Still working on it.
Ronique Ricketts
@RoniqueRicketts
Jun 18 2016 17:13
I figure its not.
@hiltydiggs the current code you have only outputs the Last channel's name.
Dan Logajan
@hiltydiggs
Jun 18 2016 17:18
@RoniqueRicketts
$(document).ready(function() {
  var channel = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"];
  var api = 'https://api.twitch.tv/kraken/streams/';
  for (var i = 0; i < channel.length; i++) {
    var currentStreamer = channel[i];
    var eachURL = 'https://api.twitch.tv/kraken/streams/' + currentStreamer + '?callback=?';
    (function(i, eachURL, currentStreamer) {
      $.getJSON(eachURL, function(response) {
        if (response.status === 422) {
          console.log('Error!');
        } else if (response.stream !== null) {
          console.log(currentStreamer + ' is online');
        } else if (response.stream === null) {
          console.log(currentStreamer + ' is offline');
        }
      });
    })(i, eachURL, currentStreamer);
  }
});
Ronique Ricketts
@RoniqueRicketts
Jun 18 2016 17:26
thanks much thats makes sense. So first asign the channels to a variable then concat it onto the api and from there I just search each api for the information that I want?
Jeff
@adzam5
Jun 18 2016 17:26

I have a div which contains multiple links. I would like to make it so clicking anywhere in the div triggers the first link. I have tried

$('.collection-item').click(function() {
    window.location = $(this).find('a').first().attr('href');
    return false;
});

But the other links in the div are no longer clickable. Any suggestions?

Dan Logajan
@hiltydiggs
Jun 18 2016 17:30
@adzam5 not sure but I think you'd have to add the event argument and add event.stopPropagation(); to all of the other links.
Dan Logajan
@hiltydiggs
Jun 18 2016 17:36
@adzam5 $('.collection-item a').click(function(event){event.stopPropagation();});
@RoniqueRicketts yeah. You can replace each console.log() with a function that handles each situation and appends it to the page.
Jeff
@adzam5
Jun 18 2016 17:45
@hiltydiggs Works perfect! Thank you
CamperBot
@camperbot
Jun 18 2016 17:45
:cookie: 531 | @hiltydiggs |http://www.freecodecamp.com/hiltydiggs
adzam5 sends brownie points to @hiltydiggs :sparkles: :thumbsup: :sparkles:
Dan Logajan
@hiltydiggs
Jun 18 2016 17:45
@adzam5 nice! np.
MikeBeers
@MikeBeers
Jun 18 2016 17:50

MikeBeers @MikeBeers 10:34
I am looking for help on pushing an onclick element to an array inside an object. If I take the array out of the object I can add to the array no problem. Just wonding if I can get a little help figuring this out.

 <div id="green" class="quarter green" onmousedown="display.gDown(this)" onmouseup="display.gUp(this)" onclick="game.player(this)">
object
var game = {

    player: function(obj) {
        var playerArr = [];
        alert("obj " + obj.id);
        playerArr.push(obj.id);
        alert("player " + playerArr);
    },

MikeBeers @MikeBeers 10:40
here is the PEN
https://codepen.io/MikeBeers/pen/MeejWE?editors=0010

Dan Logajan
@hiltydiggs
Jun 18 2016 17:51
@MikeBeers taking a look...
Ahmad Ali
@microcyberz
Jun 18 2016 17:52
How can I build Build a Personal Portfolio Webpage.? We have not taught all the things included in that yet.
MikeBeers
@MikeBeers
Jun 18 2016 17:53
@hiltydiggs i think I found out why. I was setting array back to empty every time I clicked a color
Dan Logajan
@hiltydiggs
Jun 18 2016 17:53
@MikeBeers is the problem that it clears the array each time? Yes exactly.
Matt Leonard
@matty22
Jun 18 2016 17:54
Anyone around who has FTPd their React app to the web?
Dan Logajan
@hiltydiggs
Jun 18 2016 17:57
@microcyberz what do you feel like you're missing?
@matty22 I haven't, but what are you FTP'ing to? What FTP client?
Stephen Day
@sdday81
Jun 18 2016 18:00
@microcyberz We haven't built all the projects yet that you would display on there, but you just build the layout and design and can use temporary images as placeholders for the projects. As you complete projects you will add them to your portfolio
Ronique Ricketts
@RoniqueRicketts
Jun 18 2016 18:01
@hiltydiggs ya I know how to get that part going. I just wanted to get the main function to work so I can complete the project
Tjasa Kravcar
@TDandelion
Jun 18 2016 18:04
hi everybody! I have just finished my portfolio page. Can you give me some feedback, please?
flindip
@flindip
Jun 18 2016 18:09

Um, what should I put in to link for my randomQuote call in the href text input for my twitter button?

Here is the code:
http://codepen.io/flindip/pen/mEEjXa

It seems every example is using Jquery to do it. A lot are using arrays which I didn't use.
Matthew Boland
@mattboland
Jun 18 2016 18:12
@TDandelion looks good. one thing you may or may not want to do is add target="_blank" to your links to github etc. that way they open up. codepen doesn't allow them to open as is.
JD Tadlock
@jdtdesigns
Jun 18 2016 18:13
@flindip I'd really focus more on html/css before moving to js. Your page is literally unreadable. Just some advice from someone who deals with this issue a lot. ;)
Daniel
@DanielMW34
Jun 18 2016 18:14
Hello Room :) I am trying to add some links on my codepen portfolio page to other pens and, in the future, other websites I am working on. I am wondering if anyone can offer any guidance as to how I add a link to another pen while displaying the pen as an image in my portfolio, seemingly identical to my profile page on codepen. Anyone want to work with me on this?
@TDandelion can you please help me with my question above? You seem to have accomplished what I want to do
JD Tadlock
@jdtdesigns
Jun 18 2016 18:15
<a href="http://anotherpen.com" target="_blank">
  <img src="http://image.link" alt="">
</a>
@DanielMW34
flindip
@flindip
Jun 18 2016 18:15
@jdtdesigns understood you said earlier to concave quote in the href where the text is. How do I get the JS call to do that?
Tjasa Kravcar
@TDandelion
Jun 18 2016 18:16
@mattboland thanks for your feedback. I will ad this to my links, although If I do the right-mouse click and open in another tab, than it seems to work..
CamperBot
@camperbot
Jun 18 2016 18:16
tdandelion sends brownie points to @mattboland :sparkles: :thumbsup: :sparkles:
:cookie: 386 | @mattboland |http://www.freecodecamp.com/mattboland
Daniel
@DanielMW34
Jun 18 2016 18:17
@jdtdesigns thank you. I will experiment with this. The image link though, where does it come from? Do I have to take a screen shot of the page and then use that as the image?
CamperBot
@camperbot
Jun 18 2016 18:17
danielmw34 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 512 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
Tjasa Kravcar
@TDandelion
Jun 18 2016 18:17
@DanielMW34 i guess you have to use <a href> funktion
Matthew Boland
@mattboland
Jun 18 2016 18:17
@TDandelion cool, yeah, not necessary but it was just one thing i thought of when i looked
Sukanya Ravichandran
@suka6792
Jun 18 2016 18:17
@kksrini89 Hi..thanks for trying...But I figured it out myself...appendchild of div works only once.we need to clone the div to append it to other divs.
Matt Leonard
@matty22
Jun 18 2016 18:18
@hiltydiggs I figured it out...kind of. I just npm start the project so that webpack runs. Then I open the app in localhost. Then I right click, inspect source, and grabbed the code from the Dev tools. Created new folder with that code, and FTP'd that with Filezilla. Worked, my React app is up on the web, but there must be a better way.
Also how can anyone tell if I used Sass or not? I have to FTP CSS, not Sass, so there isn't any evidence that I even used Sass or is there and I'm just not aware?
Tjasa Kravcar
@TDandelion
Jun 18 2016 18:24
@DanielMW34 hmm... I think I don´t understand you exactkly what kind of guidance do you need. But hey, if you say it seems like I have accomplished it, than we just have to identify the issue, i will be glad to help
JD Tadlock
@jdtdesigns
Jun 18 2016 18:25
document.getElementById('get-quote').addEventListener('click', showQuote);

var showQuote = function() {
  var quote   = data.quote, // Refers to the quote in your quotes list
    tweetLink = document.getElementById('tweet'); // Refers to the tweet link

  tweetLink.setAttribute('href', 'https://twitter.com/intent/tweet?hashtags=quotes&related=freecodecamp&text=' + quote);
};
@flindip
You will also need to make sure the link has the target="_blank" attribute set
flindip
@flindip
Jun 18 2016 18:27
@jdtdesigns thats just the straight JS. No Jquery?
JD Tadlock
@jdtdesigns
Jun 18 2016 18:27
yes
flindip
@flindip
Jun 18 2016 18:28
@jdtdesigns thank you very much
CamperBot
@camperbot
Jun 18 2016 18:28
flindip sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 513 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
JD Tadlock
@jdtdesigns
Jun 18 2016 18:28
welcome ;)
flindip
@flindip
Jun 18 2016 18:30
@jdtdesigns target="_blank" is positioned in the anchor correct?
JD Tadlock
@jdtdesigns
Jun 18 2016 18:32
yes
<a href="url" target="_blank">Tweet</a>
flindip
@flindip
Jun 18 2016 18:36
@jdtdesigns just curious the getElementbyId(get-Quote)do I have to nest that into the button id?
JD Tadlock
@jdtdesigns
Jun 18 2016 18:37
@flindip it can be any id you choose
it's just referring to the id you gave your button that will get a new quote
flindip
@flindip
Jun 18 2016 18:37
@jdtdesigns I gotcha
Samuel Plumppu
@Greenheart
Jun 18 2016 18:56
Hey! Could anyone join me on Google Hangouts and help me make my portfolio page mobile-friendly? :blush:
mcorby17
@mcorby17
Jun 18 2016 19:09
Hey guys i'm working on the wikipedia viewer project and i'm kinda lost in how to use the wiki API... How am I supposed to get a url to a page from something searched? I found a way to get the URL to appear in the API response but I can't use it because the url appears under a page id that changes depending on what I search...
I've been stuck on this for days :(
mcorby17
@mcorby17
Jun 18 2016 19:14
I can't get any response from the API call either :( :( :(
what am i doing wrong??????
mcorby17
@mcorby17
Jun 18 2016 19:22
Why can't I even print the JSON to the console?
mcorby17
@mcorby17
Jun 18 2016 19:27
I think it must be the API call somehow... I put in a simple http://ip-api.com/json call and was able to print that but can't print https://en.wikipedia.org/w/api.php?action=query&format=json&prop=info&inprop=url&titles=hitler even though it comes up in my browser
boy this is great talking to myself
Sourabh
@sumitsrbh
Jun 18 2016 19:42
why does the image in col-xs-4 comes out of the defined area.
IS there any way no matter how large be it will be contained in the col-xs-4
hello ? anyone
Toni Shortsleeve
@KoniKodes
Jun 18 2016 19:43
@mcorby17 Why are you searching for a value with onclick? Shouldn't you be searching for a string?
Sourabh
@sumitsrbh
Jun 18 2016 19:44
hell is anybody in there , Nod if u can hear me !!
Toni Shortsleeve
@KoniKodes
Jun 18 2016 19:46
@sumitsrbh nod
@KoniKodes what is your codepen?
who ho it looks completly diffrent than in my editor
@KoniKodes it's messed up
Toni Shortsleeve
@KoniKodes
Jun 18 2016 19:49
@sumitsrbh try setting your background to 100%, with a max-width. The row stretches out to 100% of the body.
AdilJawad
@AdilJawad
Jun 18 2016 19:49
Guys, when i make the page bigger for my pen, everything gets messed up
https://codepen.io/AdilJawad/pen/PzGWNd
Toni Shortsleeve
@KoniKodes
Jun 18 2016 19:50
@sumitsrbh Also, in the setting you are calling the same bootstrap twice. I may confuse it...
AdilJawad
@AdilJawad
Jun 18 2016 19:52
Fixed it!
Toni Shortsleeve
@KoniKodes
Jun 18 2016 19:52
@AdilJawad you can chain your classes : <div class="jumbotron row col-md-2"> Why is your row 2 columns out of 12? You haven't set your jumbotron background color yet.
Sourabh
@sumitsrbh
Jun 18 2016 19:53
@KoniKodes corrected the setting, no effect !!
Toni Shortsleeve
@KoniKodes
Jun 18 2016 19:53
@sumitsrbh Let me look again.
flindip
@flindip
Jun 18 2016 19:54
@jdtdesigns are you still there?
Sourabh
@sumitsrbh
Jun 18 2016 19:54
@KoniKodes it's 8 and 4
Toni Shortsleeve
@KoniKodes
Jun 18 2016 19:55
@sumitsrbh How large is your original image?
Sourabh
@sumitsrbh
Jun 18 2016 19:56
@KoniKodes 1280X960
ok. is there any way to auto adjust it ?
according to col-4 size
Toni Shortsleeve
@KoniKodes
Jun 18 2016 19:57
@sumitsrbh You only want to cover 1/3 of the page. So maybe make your image 427x320. It's better to have your original reset.
@sumitsrbh or try "img responsive" and see if that works.
Sourabh
@sumitsrbh
Jun 18 2016 20:00
@KoniKodes i got it dear better use img-responsive class and cut the hassle. thnx dear for ur time. bcz i hv become comfortably numb
CamperBot
@camperbot
Jun 18 2016 20:00
sumitsrbh sends brownie points to @konikodes :sparkles: :thumbsup: :sparkles:
:cookie: 306 | @konikodes |http://www.freecodecamp.com/konikodes
Suzanne Atkinson
@AdventureBear
Jun 18 2016 20:00
Making progress on my twitch streamer app. Thanks for last night's help @jdtdesigns and a couple thers. Here is the current progress. My issue at the moment is why my bootstrap rows are now wrapping around each column element. As a result I cant get the formatting to look right with backgrounds coded as per the example app.
CamperBot
@camperbot
Jun 18 2016 20:00
adventurebear sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 514 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
Still some other things to do and refactor but it feels great to make progress!
Toni Shortsleeve
@KoniKodes
Jun 18 2016 20:01
@sumitsrbh It happens to all of us at three times :-)
flindip
@flindip
Jun 18 2016 20:03
Alright, I'm trying to implement the twitter button for my "Random Quote Generator". One of the campers helped me earlier and with giving me a pathway. I dissected it and put in the corresponding parameters that were for my code. I still can't quite get to work.
can someone take a look at it?
http://codepen.io/flindip/pen/mEEjXa?editors=1010
Sourabh
@sumitsrbh
Jun 18 2016 20:03
@KoniKodes ha ha. now i gonna change my track to "knocking on heaven's door gun's and roses " . Oh i love it.
Toni Shortsleeve
@KoniKodes
Jun 18 2016 20:03
@sumitsrbh I know that feeling :-)
flindip
@flindip
Jun 18 2016 20:04
I guess I could also try the JS widget approach but I couldn't quite get that to work either
Toni Shortsleeve
@KoniKodes
Jun 18 2016 20:07
@flindip Aside from the buttons being too dark to read - I thought I was getting a quote, but I tweeted instead - It worked for me, pulling up different quotes. It is a little larger than my viewport but, what is the problem you are having?
flindip
@flindip
Jun 18 2016 20:08
@KoniKodes so the twitter button is working for you? Its just giving me a box with #quotes on the twitter page
@KoniKodes Pretty much I'm just doing the tasks and then I'm going to rework the project down the road.
Toni Shortsleeve
@KoniKodes
Jun 18 2016 20:09
@flindip Oh you are right, it didn't pull the quote in, just showed me my avatar and quote# inside the box. Let me look again.
flindip
@flindip
Jun 18 2016 20:10
@KoniKodes just to tell you. I didn't use Jquery. I didn't use arrays. Its a switch function so I'm using straight javascript
@KoniKodes also I put in comments for the JS code to give you what the values are. Val is basically data.quote etc
@KoniKodes thanks for looking btw
CamperBot
@camperbot
Jun 18 2016 20:11
flindip sends brownie points to @konikodes :sparkles: :thumbsup: :sparkles:
:cookie: 307 | @konikodes |http://www.freecodecamp.com/konikodes
Toni Shortsleeve
@KoniKodes
Jun 18 2016 20:11
@flindip That's ok. You will need to open your window on button 2, and go to "https://twitter.com/intent/tweet?text=" +randomQuote + "
flindip
@flindip
Jun 18 2016 20:12
@KoniKodes where should I implement that?
@KoniKodes you mean href?
Toni Shortsleeve
@KoniKodes
Jun 18 2016 20:13
@KoniKodes Mine is called randomQuote. Yours would be "mirror" Make a function when you call button2
flindip
@flindip
Jun 18 2016 20:14
"mirror is the element which displays button1 I believe
Toni Shortsleeve
@KoniKodes
Jun 18 2016 20:15
I keep hitting me.. @flindip no href inside the function but the page for tweet. Ok then, you need the name of the variable for the quote .
flindip
@flindip
Jun 18 2016 20:16
@KoniKodes the data for quote is named val
Oxide Debbarma
@oxide94Git
Jun 18 2016 20:16
random quote.. struggling with retrieving quotes :smile:
Toni Shortsleeve
@KoniKodes
Jun 18 2016 20:16
@flindip Good. Then make the btn2 onclick function call to the twitter/intent/tweet with val.
@oxide94Git What is your codepen?
flindip
@flindip
Jun 18 2016 20:17
@KoniKodes I gotcha just add an onClick to the button then?
button2 that is
Toni Shortsleeve
@KoniKodes
Jun 18 2016 20:17
@flindip yes, like you did with button 1
itz quite dirty now :smile:
max77p
@max77p
Jun 18 2016 20:19
can anyone help me with positioning for my pen
i want the form element and magnify in center of container
having trouble doing this
Toni Shortsleeve
@KoniKodes
Jun 18 2016 20:20
@oxide94Git "Request Failed: error, error". You have cross-security issue. Your codepen is at https, but you are calling to http. It should be http.
Ghost
@ghost~56ef2a8b85d51f252ab9dec9
Jun 18 2016 20:22
@oxide94Git You need to add a callback function to your request
Oxide Debbarma
@oxide94Git
Jun 18 2016 20:24
@KoniKodes @thomlom olala magic. solved .. thanks :)
CamperBot
@camperbot
Jun 18 2016 20:24
oxide94git sends brownie points to @konikodes and @thomlom :sparkles: :thumbsup: :sparkles:
:cookie: 389 | @thomlom |http://www.freecodecamp.com/thomlom
:cookie: 308 | @konikodes |http://www.freecodecamp.com/konikodes
flindip
@flindip
Jun 18 2016 20:24
@KoniKodes Still not functioning. Do you want to see the code again?
Oxide Debbarma
@oxide94Git
Jun 18 2016 20:25
@KoniKodes by the way your site is cute
Toni Shortsleeve
@KoniKodes
Jun 18 2016 20:25
@flindip yes please @oxide94Git Great! Thank you for the brownies
CamperBot
@camperbot
Jun 18 2016 20:25
konikodes sends brownie points to @flindip and @oxide94git :sparkles: :thumbsup: :sparkles:
:cookie: 279 | @flindip |http://www.freecodecamp.com/flindip
:cookie: 280 | @oxide94git |http://www.freecodecamp.com/oxide94git
Ghost
@ghost~56ef2a8b85d51f252ab9dec9
Jun 18 2016 20:25
@max77p You should use the bootstrap's grid system (col-md-5, ...)
rado galloway
@radogalloway
Jun 18 2016 20:26
hey guys
I'm doing a project and i wanted to know how can I put placeholder images for my portfolio
?
max77p
@max77p
Jun 18 2016 20:27
@thomlom ahh ok...also one more question...whenever i click the magnify glass the "click icon to search" text moves a bit
Dylan
@dhcodes
Jun 18 2016 20:27
@radogalloway you would probably need to find an img
max77p
@max77p
Jun 18 2016 20:27
how do i make sure its not moving
Oxide Debbarma
@oxide94Git
Jun 18 2016 20:27
@KoniKodes your site is cute.. :+1: so neat.
Dylan
@dhcodes
Jun 18 2016 20:27
they give you placeholder images of any size @radogalloway
Ghost
@ghost~56ef2a8b85d51f252ab9dec9
Jun 18 2016 20:27
@radogalloway https://placehold.it/
rado galloway
@radogalloway
Jun 18 2016 20:28
okay thanks a lot guys
Toni Shortsleeve
@KoniKodes
Jun 18 2016 20:28
@oxide94Git Thank you. A little better each time I learn something new.
CamperBot
@camperbot
Jun 18 2016 20:28
konikodes sends brownie points to @oxide94git :sparkles: :thumbsup: :sparkles:
:warning: konikodes already gave oxide94git points
Toni Shortsleeve
@KoniKodes
Jun 18 2016 20:29
@flindip sent you a private chat. hope it helps...
flindip
@flindip
Jun 18 2016 20:29
@KoniKodes ok, thanks
CamperBot
@camperbot
Jun 18 2016 20:29
flindip sends brownie points to @konikodes :sparkles: :thumbsup: :sparkles:
:warning: flindip already gave konikodes points
max77p
@max77p
Jun 18 2016 20:51
having a hard time getting the positioning right for my pen
can anyone help?
Manpreet Singh
@designviacode
Jun 18 2016 20:52
hey @max77p
Suzanne Atkinson
@AdventureBear
Jun 18 2016 20:52
Any suggestions for my bootstrap question? Row closing doc tag showing up in the wrong place. Link above
Manpreet Singh
@designviacode
Jun 18 2016 20:52
what are you trying to fix in it .. ?
mcorby17
@mcorby17
Jun 18 2016 20:52
@KoniKodes I used .val() to get the user input from the input box
Suzanne Atkinson
@AdventureBear
Jun 18 2016 20:53
Or should I collect all the data in an abject rather than build the HTML as i go?
Manpreet Singh
@designviacode
Jun 18 2016 20:53
just the positioning of the search button and the form ?
or more .. ?
max77p
@max77p
Jun 18 2016 20:54
@designviacode hey the search button, form and one thing i noticed when i click the search button the "click icon to search" text moves a bit when the form field shows
i don't want it moving at all, but staying central right below the form field
@designviacode i am not sure if i am using the container/grid right in mine though
Manpreet Singh
@designviacode
Jun 18 2016 20:56
@max77p so you wish to do the following :
  • align all text in center
  • align the search form - center
  • the search button and input both should be visible by default
Jerkoco
@Jerkoco
Jun 18 2016 20:56
Hello ! I have a little problem with arrays. Can someone help me ? My code and problem explanations are just here: https://jsfiddle.net/stq5hvth/ Thanks a lot !
Manpreet Singh
@designviacode
Jun 18 2016 20:56
is that correct
max77p
@max77p
Jun 18 2016 20:57
@designviacode yes sir
Manpreet Singh
@designviacode
Jun 18 2016 20:57
alright then lets fix all of those ..
max77p
@max77p
Jun 18 2016 20:58
@designviacode if you can walk me through the positioning that would be wonderful...i think i confused myself with using grid or not to use grid and to use container or not to use container lol
Manpreet Singh
@designviacode
Jun 18 2016 20:58
for text alignment
set the css property text-align on body element
max77p
@max77p
Jun 18 2016 20:59
@designviacode oh right, that works, but i also get the results of the search getting centered...for the results i would like to have it left most
mcorby17
@mcorby17
Jun 18 2016 21:00
Is it not possible to use getJSON for the wikipedia api?
do I have to use ajax?
max77p
@max77p
Jun 18 2016 21:00
@mcorby17 i found that using .ajax was a lot easier
i tried with getJSON..while possible..was little trickier
mcorby17
@mcorby17
Jun 18 2016 21:01
@max77p ok I suppose i'll try that
max77p
@max77p
Jun 18 2016 21:01
@designviacode would i even need a container for this?
mcorby17
@mcorby17
Jun 18 2016 21:01
this project is so frustrating
max77p
@max77p
Jun 18 2016 21:04
@mcorby17 its not bad actually...just play with the .ajax read up on similar problems
for me i found getting the damn search was the easiest part
aligning everything on the page has been stupid frustrating lol
even though positioning is probably the easiest part
Manpreet Singh
@designviacode
Jun 18 2016 21:05
@max77p
using a container is just fine ..
but the things you should fix are :
  • provide either an id or class to the header section (the one with the form and headings and classname=container)
  • now set text-align property on that class or id : for.eg : #header {text-align: center;}
this will prevent the search results from any alignment changes
max77p
@max77p
Jun 18 2016 21:05
@designviacode what do you mean header section?
like where it says "wikipedia viewer"?
Manpreet Singh
@designviacode
Jun 18 2016 21:06
i've forked your pen ..
check it here ..
max77p
@max77p
Jun 18 2016 21:07
@designviacode one thing i want to know is when you click the magnify icon the text below moves a bit as the form field comes into view
why is that
in the example pen they provided that doesnt happen
mcorby17
@mcorby17
Jun 18 2016 21:09
@max77p btw is .magnify a bootstrap class?
max77p
@max77p
Jun 18 2016 21:09
@mcorby17 no just a class i made
Sourabh
@sumitsrbh
Jun 18 2016 21:09
how can i click on a button to navigate to particular segment in that page
max77p
@max77p
Jun 18 2016 21:09
but the glyphicon is bootstrap icon
mcorby17
@mcorby17
Jun 18 2016 21:09
@max77p huh I didn't see it in your css
max77p
@max77p
Jun 18 2016 21:10
@mcorby17 yea i deleted the css for it for now, wasn't working what i was trying to do
Manpreet Singh
@designviacode
Jun 18 2016 21:10
@sumitsrbh use ids .. and specify the href property of the anchor tag as the id
for.eg:
<div id="page-1">
    Section 1
    <a href="#page-2">Goto Section 2</a>
</div>
<div id="page-2">Section 2</div>
max77p
@max77p
Jun 18 2016 21:23
@designviacode any idea why the text is moving when the form box comes to view?
Norvin Burrus
@ndburrus
Jun 18 2016 21:31
This message was deleted
Dennis Harger
@dennisharger64
Jun 18 2016 21:35
I've been trying and trying to get this carousel to work...any ideas why it might not be functioning? http://codepen.io/dennisharger64/pen/MejeMJ/?editors=1000
Jean Louis Salbego
@jlouiss
Jun 18 2016 21:59
I need some help with JS; I have to retrieve the photos from a public album on a facebook page, but using facebook's graph API I should expose the access token in the code. Is there a way to do this without using an access token or without the api?
Toni Shortsleeve
@KoniKodes
Jun 18 2016 22:00
@jlouiss Did you set the key into a separate variable and then call that key in api?
Jean Louis Salbego
@jlouiss
Jun 18 2016 22:01
@KoniKodes wouldn't it be exposed anyways?
max77p
@max77p
Jun 18 2016 22:01
can anyone help me?
Toni Shortsleeve
@KoniKodes
Jun 18 2016 22:01
@jlouiss yes, someone else offered a solution once, let me check.
Jean Louis Salbego
@jlouiss
Jun 18 2016 22:01
@KoniKodes thank you
CamperBot
@camperbot
Jun 18 2016 22:01
jlouiss sends brownie points to @konikodes :sparkles: :thumbsup: :sparkles:
:cookie: 309 | @konikodes |http://www.freecodecamp.com/konikodes
Hamaad Chughtai
@Hamaad102
Jun 18 2016 22:05
Hey can anyone help me out with something?
Toni Shortsleeve
@KoniKodes
Jun 18 2016 22:05
@jlouiss From another camper re: api key :: Can't be helped on codepen, but you should never put your apikey in public (codepen is public). It's like a password. People write programs that scan the internet for apikeys, so it's not good to have them there. In this case, I guess it's not a big deal, but it's good to start thinking about this. If you want, you could generate a new one, and think about a simple way to encode it (like multiply it by 2 or anything easy), and then you could declare the variable with an encrypted key and your pen could decode it.
@jlouiss with php forms I tend to hide it in the init file, but I don't know if that is possible in js.
@max77p what is the problem?
Jean Louis Salbego
@jlouiss
Jun 18 2016 22:07
@KoniKodes thanks
CamperBot
@camperbot
Jun 18 2016 22:07
jlouiss sends brownie points to @konikodes :sparkles: :thumbsup: :sparkles:
:warning: jlouiss already gave konikodes points
for whatever reason, when you click the magnifying glass icon, and the form field appears, the text below "click icon to search" is moving down
i want to keep it steady in one spot..what is causing this? and how do i fix it?
Toni Shortsleeve
@KoniKodes
Jun 18 2016 22:10
@max77p I see that. Give me a minute..
Dennis Harger
@dennisharger64
Jun 18 2016 22:13

:point_up: June 18, 2016 5:35 PM

Even though nobody was able to help, I'll tell you that the solution was making sure that the jquery and bootstrap libraries were loaded not just on the CSS tab of the pen settings, but also the JS tab http://puu.sh/pxBm1/46a31262b3.png

Ethan Leyden
@Darksmurf
Jun 18 2016 22:15
I need some advice about my portfolio
http://darksmurf.github.io
What project should I remove under "Portfolio"
Toni Shortsleeve
@KoniKodes
Jun 18 2016 22:17
@max77p I'm trying to understand your logic. It seems to me that you are asking me to click on the magnifying glass to search, and then click on the X (which is usually recognized as Close the box) to submit the request. My search brought up ten on the far left. Perhaps you could have your search box set up with the magnifying glass attached, and the magnifying glass is the submit button?
Dylan
@dhcodes
Jun 18 2016 22:18
@Darksmurf I would say wikipedia or weather. They both sort of prove the same thing, that you can use an API
nice site btw
Ethan Leyden
@Darksmurf
Jun 18 2016 22:18
:) ok thanks @dhcodes
CamperBot
@camperbot
Jun 18 2016 22:18
darksmurf sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star2: 1060 | @dhcodes |http://www.freecodecamp.com/dhcodes
Toni Shortsleeve
@KoniKodes
Jun 18 2016 22:19
@Darksmurf Why do you need to remove any of them? Perhaps with a thumbnail you could showcase all of them.
max77p
@max77p
Jun 18 2016 22:19
@KoniKodes the search itself works perfectly...i am just wondering why the text below which says "click icon to search" moves a bit when user clicks the magnifying glass
Ethan Leyden
@Darksmurf
Jun 18 2016 22:19
@KoniKodes I did thumbnails at one point, but I didn't like that.
max77p
@max77p
Jun 18 2016 22:19
what is making it move basically
and how do i stop it from moving and stay fixed
Toni Shortsleeve
@KoniKodes
Jun 18 2016 22:19
@max77p Ok. Let me look again.
Dylan
@dhcodes
Jun 18 2016 22:21
@max77p I think it's because the input form is taller than the icon
Toni Shortsleeve
@KoniKodes
Jun 18 2016 22:21
@max77p What size is each one? The magnifying glass seems smaller than the search box, and so the new search box needs more room. Try making them both the same size (4 em)
@Darksmurf That makes sense.
@dhcodes Good to see you again :-)
max77p
@max77p
Jun 18 2016 22:22
@dhcodes shouldn't it be taller than icon?
@KoniKodes not sure i understand, shouldn't it be smaller than search box?
Toni Shortsleeve
@KoniKodes
Jun 18 2016 22:22
@max77p Not if you want it to stay static
max77p
@max77p
Jun 18 2016 22:23
@KoniKodes trying to understand deeper level to this, why would the icon being smaller cause it to move?
Dylan
@dhcodes
Jun 18 2016 22:23
@KoniKodes you too
Toni Shortsleeve
@KoniKodes
Jun 18 2016 22:24
@max77p The space for the smaller box will be over-ridden by the larger div and push the next line down. Keep the containers the same size
Dylan
@dhcodes
Jun 18 2016 22:24
@max77p the divs properties apply to anything in it. So the default padding will make the div change if they are different heights
Toni Shortsleeve
@KoniKodes
Jun 18 2016 22:24
@max77p Yes, what @dhcodes said.
@dennisharger64 Yes, somtimes we forget that we need the js version of bootstrap.
max77p
@max77p
Jun 18 2016 22:26
@KoniKodes so breaking this down, sorry little slow right now lol.....my form is at height:2em
so i should make the magnify height 2 em as well?
Toni Shortsleeve
@KoniKodes
Jun 18 2016 22:27
@max77p Yes, exactly. That way they won't change size when switched.
max77p
@max77p
Jun 18 2016 22:28
@KoniKodes i did this, but the text below still moves though?
Toni Shortsleeve
@KoniKodes
Jun 18 2016 22:28
@max77p Really? Let me look again.
@KoniKodes so another user in the help section as well, mentioned that if i put a height on the entire form element it keeps the same height regardless of what is added or removed in the jquery
so i just put a 1em height for the entire form class and the text doesnt move
is that understanding correct? because height will change depending on what is added or removed dynamically in jquery?
mcorby17
@mcorby17
Jun 18 2016 22:32
Can anyone tell me how I would access the 'fullurl' in this wikipedia api call? https://en.wikipedia.org/w/api.php?action=query&prop=info&pageids=18630637&inprop=url
Toni Shortsleeve
@KoniKodes
Jun 18 2016 22:33
@max77p It didn't move too much, more like recognizing a change is happening. The list is now centered too. You want to keep it responsive, so perhaps a percentage... 1em is not going to be enough for the whole form. You don't need to create a new codepen each time, unless you are tracking your versions - you can simply save it.
@mcorby17 I'm sorry, I'm still trapped on weather
max77p
@max77p
Jun 18 2016 22:34
@KoniKodes ok cool thanks!
CamperBot
@camperbot
Jun 18 2016 22:34
max77p sends brownie points to @konikodes :sparkles: :thumbsup: :sparkles:
:cookie: 310 | @konikodes |http://www.freecodecamp.com/konikodes
max77p
@max77p
Jun 18 2016 22:34
@dhcodes you too sir, thanks for your help
CamperBot
@camperbot
Jun 18 2016 22:34
max77p sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star2: 1061 | @dhcodes |http://www.freecodecamp.com/dhcodes
Toni Shortsleeve
@KoniKodes
Jun 18 2016 22:34
@max77p You'll get it there.
mcorby17
@mcorby17
Jun 18 2016 22:34
@KoniKodes what does your weather app look like?
Dylan
@dhcodes
Jun 18 2016 22:36
@mcorby17 you mean what url should you use?
for the api call?
@mcorby17
where searchQuery is your input from the user
JD Tadlock
@jdtdesigns
Jun 18 2016 22:37
@mcorby17 json.query.pages[0].fullurl
mcorby17
@mcorby17
Jun 18 2016 22:38
@jdtdesigns but what about the number after 'pages'? Don't I have to include that?
it's different for every query so I don't get how i'm supposed to be able to get the url for different searches
JD Tadlock
@jdtdesigns
Jun 18 2016 22:39
^
mcorby17
@mcorby17
Jun 18 2016 22:39
ohh yeah my bad
but pages isn't an array is it?
JD Tadlock
@jdtdesigns
Jun 18 2016 22:40
you can access objects with index values as well
mcorby17
@mcorby17
Jun 18 2016 22:40
ohh okay thank you!! @jdtdesigns
CamperBot
@camperbot
Jun 18 2016 22:40
mcorby17 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 515 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
mcorby17
@mcorby17
Jun 18 2016 22:40
So that solves one of my problems
now I need to figure out why I can't make the api call with getJSON
JD Tadlock
@jdtdesigns
Jun 18 2016 22:42
@mcorby17 post your codepen
I hard-coded getJSON for now
Greg Duncan
@GregatGit
Jun 18 2016 22:45
@mcorby17 You need this at the end of your api &callback=?
JD Tadlock
@jdtdesigns
Jun 18 2016 22:45
@mcorby17 just add '&callback=?' as a param
Tonnam Balankua
@tonnamb
Jun 18 2016 22:46
Hi, could anyone help me with re-sizing images with CSS/Bootstrap? I want to match the image size with the text in the adjacent column of the grid. http://codepen.io/tonnamb/pen/bewBEY?editors=1100
mcorby17
@mcorby17
Jun 18 2016 22:47
@GregatGit @jdtdesigns thank you so much guys!! Could I also ask, why do I need &callback?
CamperBot
@camperbot
Jun 18 2016 22:47
mcorby17 sends brownie points to @gregatgit and @jdtdesigns :sparkles: :thumbsup: :sparkles:
:warning: mcorby17 already gave jdtdesigns points
:cookie: 605 | @gregatgit |http://www.freecodecamp.com/gregatgit
Greg Duncan
@GregatGit
Jun 18 2016 22:48
I'm hoping @jdtdesigns knows - cause I want to know to.
JD Tadlock
@jdtdesigns
Jun 18 2016 22:49
@mcorby17 That is the param to tell the api to return jsonp. Codepen doesn't allow json to be returned when the No Access header is on the api resource.
jsonp is a more insecure form of json
Greg Duncan
@GregatGit
Jun 18 2016 22:50
@tonnamb before you do anything you have to add jquery.js and bootstrap.js to the javascript in settings
mcorby17
@mcorby17
Jun 18 2016 22:50
@jdtdesigns so is it more of a codepen-only type thing?
Like if I was coding this using my own text editor or something would I still need to use the callback?
Tonnam Balankua
@tonnamb
Jun 18 2016 22:52
@GregatGit Thank you!
CamperBot
@camperbot
Jun 18 2016 22:52
tonnamb sends brownie points to @gregatgit :sparkles: :thumbsup: :sparkles:
:cookie: 606 | @gregatgit |http://www.freecodecamp.com/gregatgit
JD Tadlock
@jdtdesigns
Jun 18 2016 22:53
@mcorby17 It's codepen and a few others. They do it for security reasons. If you were devving locally, you wouldn't need to do it.
Tonnam Balankua
@tonnamb
Jun 18 2016 22:55
@GregatGit Wow things work wonder!!
@GregatGit Face palms
Myself..
Greg Duncan
@GregatGit
Jun 18 2016 22:56
@tonnamb i got a lot of help from this - http://www.w3schools.com/bootstrap/bootstrap_scrollspy.asp
Tonnam Balankua
@tonnamb
Jun 18 2016 22:58
@GregatGit Thanks!
CamperBot
@camperbot
Jun 18 2016 22:58
tonnamb sends brownie points to @gregatgit :sparkles: :thumbsup: :sparkles:
:warning: tonnamb already gave gregatgit points
max77p
@max77p
Jun 18 2016 22:58
@tonnamb greg is the go to man when you in trouble around here
Tonnam Balankua
@tonnamb
Jun 18 2016 23:13
@max77p yep I can see that haha
Darrin
@ddschmitz
Jun 18 2016 23:17
Hey guys, is it important to use proper tags when doing stuff? Like headers and footers and what not? Is that good practice or does it not really matter? Like why should I or shouldn't I care about that?
max77p
@max77p
Jun 18 2016 23:17
@ddschmitz absolutely, always follow good practice
Darrin
@ddschmitz
Jun 18 2016 23:17
But why?
max77p
@max77p
Jun 18 2016 23:17
even if we don't need to have something when using codepen, do it anyway
because when you are employed or working on real world projects its important to do all that in order
Darrin
@ddschmitz
Jun 18 2016 23:18
I thought it also helped with like website readers for blind people?
AdilJawad
@AdilJawad
Jun 18 2016 23:24
hey, I'm wondering how Quincy Larson got the line just above his footer on this tribute page: https://codepen.io/FreeCodeCamp/pen/NNvBQW
andreas2249
@andreas2249
Jun 18 2016 23:30

Good afternoon, Campers. I'm trying to find out how to add some margin to a Bootstrap .well class. My anchor tags for 'Portfolio" and 'About' links have padding so that there's some white space between those sections and the menu at the top of the page.

I'm struggling to add the same amount of padding / white space to the 'Contact' page div which has a Bootstrap .well class. Can someone please have a look at my CodePen and offer a starting point to resolve this? Thanks in advance. :) http://s.codepen.io/andreas2249/debug/PzGNZm#

Wrong link to Pen. Sorry: http://codepen.io/andreas2249/pen/PzGNZm/
Hamaad Chughtai
@Hamaad102
Jun 18 2016 23:34
Anyone available to help me out?
andreas2249
@andreas2249
Jun 18 2016 23:47
@AdilJawad, it might be part of Bootstrap's .jumbotron class. If you remove line 2 and refresh, that line spans the width of the viewport. How it's done might be "buried" in Bootstrap.
iccomq
@iccomq
Jun 18 2016 23:49
hello everyone i have a question, i have accordion menu in here, but well, it seems like i cant really find myself with styling it, does anyone have any example on nicely styled menu of this kind?
http://imgur.com/89K30pm
Dan Logajan
@hiltydiggs
Jun 18 2016 23:52
@ddschmitz Aria
@andreas2249 I like the design you have started there. Well done.
andreas2249
@andreas2249
Jun 18 2016 23:54
Thank you kindly, @hiltydiggs :)
CamperBot
@camperbot
Jun 18 2016 23:54
andreas2249 sends brownie points to @hiltydiggs :sparkles: :thumbsup: :sparkles:
:cookie: 532 | @hiltydiggs |http://www.freecodecamp.com/hiltydiggs
andreas2249
@andreas2249
Jun 18 2016 23:55
Any idea how to get some space above that .well@hiltydiggs ? Stumped here.
Dan Logajan
@hiltydiggs
Jun 18 2016 23:57
@andreas2249 between the wells and the "Portfolio" heading?