These are chat archives for FreeCodeCamp/HelpFrontEnd

19th
Sep 2016
miriam-z
@miriam-z
Sep 19 2016 00:01
how silly its simply the arrow key!!!
:smile:
Richard Smith
@r1chard5mith
Sep 19 2016 00:02
@miriam-z I'm not sure, but...
is it anything to do with hidden-sm-up?
I kept confusingly writing sm instead of xs
also, i don't think you need to specify col-xs-12 at all because that's the default
miriam-z
@miriam-z
Sep 19 2016 00:03
@r1chard5mith no its not something is telling me it is this ☰
but when i have tried to change it and copy the code again directly from bootstrap default navbar it still does not render
Richard Smith
@r1chard5mith
Sep 19 2016 00:06
yup, it looks wrong in the code editor even
the </a> is greyed out
where did you copy it from?
do you have bootstrap js loaded?
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 00:11
Can anyone help with JS Calculator?
Richard Smith
@r1chard5mith
Sep 19 2016 00:13
@Cameron-Burkholder maybe?
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 00:16
I have most of it working, except it won't let me divide with double digits. They way I have it set up, after each button press it pushes the value of that button to an operate array. Then when the equals sign is pressed, it does all the operations and stuff in between them using a for loop. All the other double digit math works, except for division.
@r1chard5mith
Richard Smith
@r1chard5mith
Sep 19 2016 00:16
@miriam-z if the weird character is the problem this might be the solution
@Cameron-Burkholder It sounds a bit complicated to do it that way?
sorry
maybe i misunderstood
you catch strings and then when they press equals, you convert them to numbers and do the math?
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 00:18
It is probably overcomplicated but this is the way that I thought to do it. It pushes numbers into the array though.
Richard Smith
@r1chard5mith
Sep 19 2016 00:18
@miriam-z sorry - i should say, look at the comments - it's a character that might not work - try something else there
@Cameron-Burkholder I think you need to rethink your approach
when they push a number, you want to load that on the end of a string
so that they can enter multi-digit numbers in the big box
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 00:21
Can you append to a string?
Just using the .append() function?
Richard Smith
@r1chard5mith
Sep 19 2016 00:22
no, it's confusing
strings are mostly like arrays
except they're immutable, so if you push onto them it will seem to work but won't
lol
you need to reassign the string instead like
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 00:23
So I just use string concatentation?
Richard Smith
@r1chard5mith
Sep 19 2016 00:23
str = str + whatever
yup
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 00:24
Alright I'll try it thanks
Richard Smith
@r1chard5mith
Sep 19 2016 00:24
my advice would be take a minute and think about how the calulator should work
draw a flowchart or similar
if they press equals, calculate - otherwise, if they pressed an operation, move to the next number-input
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 00:25
I'll try that
Richard Smith
@r1chard5mith
Sep 19 2016 00:25
otherwise, they pressed a number, so put it on the end of the string, if there's room
when they press calculate, you turn the strings into numbers and do the calculation
teamamerica9
@teamamerica9
Sep 19 2016 00:26
@Cameron-Burkholder one other thing id suggest is that you have the same duplicate code for all the numbers...but if you had a class that was the same for number buttns and you used like data-value="1", data-value="2" in the HTML you could set it up such that
$('.number').on('click', function() { var selectedNumber = $(this).data('value'); // do rest of code }
Richard Smith
@r1chard5mith
Sep 19 2016 00:27
also - I know it's a lot to take in - instead of saying "if they pressed 7, write 7" etc. you can grab the id of the button that they did press using this.id or the content of it, etc.
@teamamerica9 right on
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 00:30
How far are you guys in FCC? @r1chard5mith @teamamerica9
teamamerica9
@teamamerica9
Sep 19 2016 00:30
hi @Cameron-Burkholder im actually not doing fcc but a friend of mine did it and i thought it was a really cool idea so i thought id hang around in chat sometimes when im free and see if i can help answer any q
i have a fulltime job doing mostly backend web development though
Igor Amidzic
@igoramidzic
Sep 19 2016 00:32
what language should I learn for the back-end of my website?
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 00:32
Oh ok. What languages? Also, as I have it right now, when any number button is clicked I add that number to a global string, and then when the equals is pressed I do math with that. BUT, because I'm using a string, all I get is string concatenation. Can I cast to a number somehow?
@teamamerica9
teamamerica9
@teamamerica9
Sep 19 2016 00:33
theres lots of options ... a lot of people use some of the following frameworks to get up and running quickly...ruby on rails, django, laravel, flask are some popular ones
@Cameron-Burkholder you can use the parseInt function
i do python and scala dev for work for now personally
Richard Smith
@r1chard5mith
Sep 19 2016 00:35
@Cameron-Burkholder I'm doing the react projects now, having done the front end and d3 bits
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 00:35
I can parse an int to a string
Richard Smith
@r1chard5mith
Sep 19 2016 00:35
cast to a number with number() or parseInt()
the number one best tip I have for anyone learning web development is "start every search with mdn"
try, eg; mdn cast to number etc.
the mozzilla docs are the best by far
mozilla
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 00:40
I just meant what radix do I use?
Richard Smith
@r1chard5mith
Sep 19 2016 00:41
10?
I should have said parseFloat()
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 00:46
I tried base 10, and that went very badly. I'll try parseFloat next. Basically, I got "4 + 5 = -6054909068265068"
With parseFloat() I can't use decimal values though
Nevermind I read the log wrong
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 00:52
@r1chard5mith parseFloat fixes somethings but it also makes things very strange in terms of decimal arithmetic
teamamerica9
@teamamerica9
Sep 19 2016 00:59
@Cameron-Burkholder you are accumulating the current number inf num...and then in divider you do parseFloat(num)
but you never clear num
DJ
@qualitymanifest
Sep 19 2016 01:00
@Cameron-Burkholder are you just trying to prevent floating point errors?
teamamerica9
@teamamerica9
Sep 19 2016 01:01
so it becomes
1. press 5, num is now "5"
2. press divide (num is now "5")  (operate is now [5]
3. press 3 (num is now 53") (operate is now [5,/, 53]
DJ
@qualitymanifest
Sep 19 2016 01:01
nevermind i just scrolled up
teamamerica9
@teamamerica9
Sep 19 2016 01:01
so at some point you should decide to clear your "num"
Evan Pendergraft
@espdesign
Sep 19 2016 01:02
hello everyone ^_^ I have been trying to go at fixing a text alignment problem and was wondering if someone could help me.
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 01:02
@teamamerica9 so I keep adding the number info to num, and then when any of the operators or the equals sign are pressed I parse the number and pass it into my math array. Yeah I think not clearing num is what is causing the strangeness. The last digit is correct, but any ones before that are off
Evan Pendergraft
@espdesign
Sep 19 2016 01:03
im trying to align the text under the images
center it.
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 01:05
Thanks @teamamerica9 . Clearing num after each operate.push(parseInt(num, ra)); fixed it. Now I'm on to the last thing: chaining pemdas
CamperBot
@camperbot
Sep 19 2016 01:05
cameron-burkholder sends brownie points to @teamamerica9 :sparkles: :thumbsup: :sparkles:
:cookie: 10 | @teamamerica9 |http://www.freecodecamp.com/teamamerica9
DJ
@qualitymanifest
Sep 19 2016 01:06
@espdesign you would have to nest each image/figcaption in a figure and get rid of this guy:
*{
  margin: 0px;
  padding: 0px;
}
Evan Pendergraft
@espdesign
Sep 19 2016 01:07
oh right, ok thanks DJ ill try to nest them together.
Evan Pendergraft
@espdesign
Sep 19 2016 01:17
doesnt feel good to fix it and still not understand why its fixed.
Santiago Fernandez
@sf-jd
Sep 19 2016 01:18
read more on the code you are using @espdesign to fully understand what it is doing :p
Evan Pendergraft
@espdesign
Sep 19 2016 01:20
@sf-jd I would say I understand the positioning fairly well. I just dont know why its doing it !!! T_T
Santiago Fernandez
@sf-jd
Sep 19 2016 01:21
in my experience, which is very limited, designers need a good read of the box model
as paddings and margins sometimes get confusing for them
Evan Pendergraft
@espdesign
Sep 19 2016 01:21
@sf-jd ya its pretty crazy stuff.
Santiago Fernandez
@sf-jd
Sep 19 2016 01:21
but thats only on the maybe 20 designers i've worked with :/
and they dont really gave a flying f about letting devs know what they meant by padding and margin anyways xD
Evan Pendergraft
@espdesign
Sep 19 2016 01:23
@sf-jd as in what the margin and padding they added purpose was?
Santiago Fernandez
@sf-jd
Sep 19 2016 01:23
lol
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 01:24
I've attempted to incorporate PEMDAS in the JavaScript Calculator by first doing multiplication and division, and putting that result back into my operate array, and then doing addition and subtraction, but it doesn't always work.
Santiago Fernandez
@sf-jd
Sep 19 2016 01:24
i dont even try to understand what designers do, but yes, in that neighborhood
Evan Pendergraft
@espdesign
Sep 19 2016 01:24
lul
:)
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 01:24
@teamamerica9
Richard Smith
@r1chard5mith
Sep 19 2016 01:26
@Cameron-Burkholder they don't use pemdas in the example - they just roll the methods from left to right
@Cameron-Burkholder you made great progress
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 01:35
Thanks @r1chard5mith . Wait - so I don't need to implement PEMDAS
CamperBot
@camperbot
Sep 19 2016 01:35
cameron-burkholder sends brownie points to @r1chard5mith :sparkles: :thumbsup: :sparkles:
:cookie: 367 | @r1chard5mith |http://www.freecodecamp.com/r1chard5mith
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 01:35
?
Richard Smith
@r1chard5mith
Sep 19 2016 01:35
I didn't
check their example
if you had like 20 operations, it would be too complicated
I thought about making it full scientific, but i don't think that's the point of it
there's no brackets in the ui anyway etc.
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 01:37
Yeah that would be difficult
Richard Smith
@r1chard5mith
Sep 19 2016 01:37
you're nearly there, I think
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 01:37
What else do I still need?
Richard Smith
@r1chard5mith
Sep 19 2016 01:37
just roll through the ops from left to right and accumulate the result
do you have the +/- key working?
oh my bad, sorry
i added that
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 01:38
Lol your's must be super advanced
Richard Smith
@r1chard5mith
Sep 19 2016 01:38
mine is here if you're interested - yours looks way better http://codepen.io/r1chard5mith/pen/VKwkYm
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 01:39
I looked at the user stories and I think I'm done. Thanks for all the help @r1chard5mith
CamperBot
@camperbot
Sep 19 2016 01:39
cameron-burkholder sends brownie points to @r1chard5mith :sparkles: :thumbsup: :sparkles:
:warning: cameron-burkholder already gave r1chard5mith points
Richard Smith
@r1chard5mith
Sep 19 2016 01:39
No worries, well done
Now you have to make a clock :)
Evan Pendergraft
@espdesign
Sep 19 2016 01:40
Tick tock
Cameron Burkholder
@Cameron-Burkholder
Sep 19 2016 01:40
Fun :smile: .
Lee
@lee44
Sep 19 2016 01:51
Is anyone working on Show the Local Weather in the Intermediate Front End project?
Rafael J. Rodriguez
@Rafase282
Sep 19 2016 01:54
I'm strugling to get a button to do what I want from an iframe. Maybe I should stick to backend tasks
mericles
@mericles
Sep 19 2016 02:14
Can anyone help me with my Portfolio Page!
buiphuking
@buiphuking
Sep 19 2016 02:16
anybody explain what getDOMNode() use for in react js, plzzzzzzzzzz??????????????????????
samson
@samcampc
Sep 19 2016 02:31
Objective: Build a CodePen.io app that is functionally similar to this: https://codepen.io/FreeCodeCamp/full/NNvBQW/.?
buiphuking
@buiphuking
Sep 19 2016 02:34
what is the line mean "var rawMarkup = marked(value, {sanitize: true});"?
Walid Ashri
@walidashri
Sep 19 2016 02:48
can I've ur feedback on this http://codepen.io/WalidAshri/full/KgrOxY/ please
luis4flames
@luis4flames
Sep 19 2016 03:05
http://codepen.io/luis4flames/pen/jrNqrR
can someone have a quick glance and see if you can see what my twitter button wont open a new tab?
DJ
@qualitymanifest
Sep 19 2016 03:06
@luis4flames nest the button inside the a, not vice versa
@AshriSoft looks good, a couple suggestions: prevent multiple decimals from being shown ......, also show the operator pressed
Walid Ashri
@walidashri
Sep 19 2016 03:10
@qualitymanifest thanks
CamperBot
@camperbot
Sep 19 2016 03:10
ashrisoft sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star2: 1413 | @qualitymanifest |http://www.freecodecamp.com/qualitymanifest
JoshSibayan
@JoshSibayan
Sep 19 2016 03:27
I haven't had trouble with the FCC curriculum's pacing so far, but now for the intermediate front-end projects I feel like I need a ton of outside resources just to pull them off, any suggestions? I'm semi-lost
Richard Smith
@r1chard5mith
Sep 19 2016 04:01
@JoshSibayan lots of googling? Especially mdn
Artur Arsalanov
@kurumkan
Sep 19 2016 04:27
hi there
why this stupid react bootstrap doesn't work http://codepen.io/pbweb/pen/BLLLQm?editors=1011
Walid Ashri
@walidashri
Sep 19 2016 04:33
@kurumkan I don't know react but u have syntax error there
Coding Kit
@audiotoon
Sep 19 2016 04:43
@kurumkan You have no html within your div.
Joaquin Ignacio Sanz
@JoacoSz
Sep 19 2016 04:54
can I make the random quote generator with some quotes created by me?
I think it would be funnier
vínαч puppαl
@vinaypuppal
Sep 19 2016 04:55
@JoacoSz yes you can
Joaquin Ignacio Sanz
@JoacoSz
Sep 19 2016 04:55
oh yeah
I though for a moment that it was completly necessary to do it with APIs
Santiago Fernandez
@sf-jd
Sep 19 2016 04:56
doesn't really say anything about APIs i think
i did it with an api but it gave me a headache figuring out how to get the cross domain errors sorted out.
didnt really get them fixed 100%
Vairis Lemesonoks
@Vairisl
Sep 19 2016 05:21
Guys, this will really be off topic but... So, I have to create e-comerce website for diploma (I don't know, how to say that in english), but unfortunately, I am not skilled enought to even create such easy website. My question is, is there any website, where I could find, how to create such websites from scratch? Ofcourse, I can't use CMS - obviously. Any Ideas? Thanks.
grantknaver
@grantknaver
Sep 19 2016 05:22
anyone have any ideas as to why I cant color my html element https://codepen.io/GrantKnaver/pen/BLLLow
Vairis Lemesonoks
@Vairisl
Sep 19 2016 05:22
I have medium knowledge of Back end, and Databases, soo, they are no problem. My problem is, Front end :/
Santiago Fernandez
@sf-jd
Sep 19 2016 05:23
@grantknaver you wanna color your body?
Vairis Lemesonoks
@Vairisl
Sep 19 2016 05:23
You mean body?
You can't color html
Santiago Fernandez
@sf-jd
Sep 19 2016 05:23
body {
 background-color: red; 
}
grantknaver
@grantknaver
Sep 19 2016 05:23
lol
nvm
wowowowowow
Vairis Lemesonoks
@Vairisl
Sep 19 2016 05:23
:D
Santiago Fernandez
@sf-jd
Sep 19 2016 05:25
Ux, the fun part of this whole deal
Joaquin Ignacio Sanz
@JoacoSz
Sep 19 2016 05:30
I'm yet to finish it but this is as far as I'll go today
what do you think?
Chris Cullen
@123xylem
Sep 19 2016 05:48
function cpuSeq() {
  seq = [Math.floor(Math.random() * choices.length)];

 cpuSeq.push(seq);
  $("#"+seq).trigger("click");
  console.log(seq + " cpu choice");
}


document.ready(function(){
  alert("start");


  cpuSeq();


});
Trying to start my SIMON game with cpu picking random button.. I cant get cpuSeq to run though... I have a callback in doc.ready but the alert and the cpuSeq Function isnt working
Sorin Ruse
@sorinr
Sep 19 2016 05:54
@123xylem it should be: $(document).ready(function(){
Sorin Ruse
@sorinr
Sep 19 2016 06:01
@123xylem try also to rename your cpuSeq function into my-cpuSeq coz its conflicting ith the same var name cpuSeq declared globally
Chris Cullen
@123xylem
Sep 19 2016 06:03
@sorinr thanks yea i renamed the array cSeq
CamperBot
@camperbot
Sep 19 2016 06:03
123xylem sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 715 | @sorinr |http://www.freecodecamp.com/sorinr
Aldea Florentin
@FL0ryc3L
Sep 19 2016 06:25
can somebody help me with some begginer stuff? please
Santiago Fernandez
@sf-jd
Sep 19 2016 06:26
sure @FL0ryc3L
What you need friend?
Aldea Florentin
@FL0ryc3L
Sep 19 2016 06:27
thanks @sf-jd on PM
CamperBot
@camperbot
Sep 19 2016 06:27
fl0ryc3l sends brownie points to @sf-jd :sparkles: :thumbsup: :sparkles:
:cookie: 299 | @sf-jd |http://www.freecodecamp.com/sf-jd
Santiago Fernandez
@sf-jd
Sep 19 2016 06:27
go ahead
Chris Cullen
@123xylem
Sep 19 2016 06:44
function cpuSeq() {
 setTimeout(function() { var ind = [Math.floor(Math.random() * choices.length)];
seq=choices[ind];    //seq is the value of random choice element


  $("#"+seq).trigger("click");
     console.log(cSeq + " cpu array" +pSeq);
 }, 1000);
 cSeq.push(seq);

  while(cSeq.length<10){
    cpuSeq();
  }
  //HOW DO I STOP CPU CLICK ADDING TO PLAYERCLICK ARRAY????? pSeq.shift();

}
  My simon game is progressing slowly.. Question is... How do i get my cpu to keep clicking itself without infi looping?
I have set this timout function that clicks and adds to an array on each click. It stops when the array is a certain length.. but this function just fills the array quickly and only clicks once... Any ideas?
Robert Ridley
@robertridley1988
Sep 19 2016 06:49

Hey everyone. I'm trying to access the user's nearest city for the local weather app. Here's the code I have so far:

//get client's ip address
$.getJSON('//freegeoip.net/json/?callback=?', function(data){
var items = (JSON.stringify(data, null, 2));
console.log(items);
var city = items["city"];
console.log(city);
});

The first console.log returns a nice object:

{
"ip": "210.13.83.19",
"country_code": "CN",
"country_name": "China",
"region_code": "31",
"region_name": "Shanghai",
"city": "Shanghai",
"zip_code": "",
"time_zone": "Asia/Shanghai",
"latitude": 31.0456,
"longitude": 121.3997,
"metro_code": 0
}

However, the second console.log returns 'undefined'. I'm not sure why.

vínαч puppαl
@vinaypuppal
Sep 19 2016 06:53
@robertridley1988 NO need to stringify response, You can directly access properties over response like this
$.getJSON('//freegeoip.net/json/?callback=?', function(data){
var city = data.city
console.log(city);
});
Robert Ridley
@robertridley1988
Sep 19 2016 06:58
@vinaypuppal Ah, I see. Thanks.
CamperBot
@camperbot
Sep 19 2016 06:58
robertridley1988 sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:cookie: 551 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
Alexander Domikov
@AlexanderDom
Sep 19 2016 08:14
hi everyone !
Chris Cullen
@123xylem
Sep 19 2016 08:14
http://codepen.io/123xylem/pen/jrAKPN?editors=1111
Why isnt my Stop Button Showing!??
Maryam Sabo Abubakar
@Maryam0011
Sep 19 2016 09:23
Hello pls i need alot of help with my portfolio webpage design https://codepen.io/Maryam0011/pen/qaaWrY/
am stuck
Vladislav Lasmann
@VladislavLasmann
Sep 19 2016 09:29
Hi guys! In the Bottom of my Project I added a facebook (font-awesome) icon (bottom-right corner). unfortunately it isn visible in a browser on my computer, but on my mobile phone. I searching for hours and trying different icon sources - but it doesnt help. Can anyone help me please?
The site is: https://codepen.io/v4/full/wzWNwN/
Jordan Bartholomew
@tourdejord
Sep 19 2016 09:32
@dracul3a Depends are you vl4d
Vladislav Lasmann
@VladislavLasmann
Sep 19 2016 09:33
@tourdejord sure im vl4d
Jordan Bartholomew
@tourdejord
Sep 19 2016 09:35
I'm happy to help, but why does your "Dr. Norman Borlaug" say it was written and coded by you? That is the example from the project.
Maryam Sabo Abubakar
@Maryam0011
Sep 19 2016 09:37
@tourdejord pls can u help me too cos all my pictures are not right dont knw wht to do
Jordan Bartholomew
@tourdejord
Sep 19 2016 09:39
@Maryam0011 one second. Without even looking at your code I'm going to assume that you don't yet understand box-elements and how they affect each other. one moment.
Maryam Sabo Abubakar
@Maryam0011
Sep 19 2016 09:40
@tourdejord tnks
Vladislav Lasmann
@VladislavLasmann
Sep 19 2016 09:40
@tourdejord It was coded by me, that was my first project and i wanted to reconstruct it. i have not used any code from the example. Im, sorry i will change it.
Jordan Bartholomew
@tourdejord
Sep 19 2016 09:42
@dracul3a no need to apologize. It's open source. I use youtube straight up instructional video's and copy character for character the code before attempting on my own. I just thought you were trying to take credit for someone else's work in a very poor way. lol. But it's cool. I get it.
@Maryam0011 I think my assumption was wrong. You seem to be on the right track. What exactly are you trying to fix or create. I see some images are unusually larger than others. Are you trying to get each image to effectively fit each section?
Vladislav Lasmann
@VladislavLasmann
Sep 19 2016 09:44
@tourdejord Oh ok :D. Do you have any idea why my font-awesome icons doenst work?
vínαч puppαl
@vinaypuppal
Sep 19 2016 09:48
@dracul3a its https issue you loaded your pen over https and linked http link of font-awesome cdn. Either load your pen over http or use https version of font-awesome link like https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css
Jordan Bartholomew
@tourdejord
Sep 19 2016 09:49
@vinaypuppal thank you. Nice catch.
CamperBot
@camperbot
Sep 19 2016 09:49
tourdejord sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:cookie: 552 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
Maryam Sabo Abubakar
@Maryam0011
Sep 19 2016 09:53
@tourdejord i want the images to be side by side in coloums and what wrong with my header is showing it as list, my font awesome are to showing too
vínαч puppαl
@vinaypuppal
Sep 19 2016 09:56
@Maryam0011 I think you used bootstrap classes but did not include bootstrap.css. If your new to codepen check this article https://medium.freecodecamp.com/codepen-tips-and-best-practice-cf926ebd0b11
@dracul3a And you need to include Jquery before including bootstrap.js and check docs of navbar component https://getbootstrap.com/components/#navbar Your mobile navbar seems not working
Maryam Sabo Abubakar
@Maryam0011
Sep 19 2016 10:04
@vinaypuppal tnks
Vladislav Lasmann
@VladislavLasmann
Sep 19 2016 10:15
@vinaypuppal Oh i forgot that i included it in the header and in the document. Thanks you so much! :+1:
CamperBot
@camperbot
Sep 19 2016 10:15
dracul3a sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:cookie: 553 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
Chris Cullen
@123xylem
Sep 19 2016 10:16
This message was deleted

http://codepen.io/123xylem/pen/jrAKPN?editors=1011

So I have a potential fudamental error... Need to be able to click a panel and only have it push the answer for USER...
At the moment when the CPU clicks a panel it pushes that answer aswell... So i need to either declare its a user clicking or code something into the cpuFunction


$(".panel").on("click",function(){
  var panelId=$(this).attr("id");
  audioF[panelId.toLowerCase()].play(); //<-----use id as key
  $("#"+panelId).toggleClass("animate");  
   pSeq.push(panelId);                         //HERE I PUSH CLICKED PANEL INTO ARRAY But CPU click also triggers this :(
  // console.log(panelId,"player");

});


function cpuSeq() {
  count++;
newChoice();  //seq is the value of random choice element
   interval =
 setInterval(function() { 
  $("#"+seq).trigger("click");  
    cSeq.push(seq);

     console.log(cSeq + cSeq.length);
    newChoice();
  if(cSeq.length>=count){clearInterval(interval);
  cSeq=[];}
 }, 1000);
}
Thabani Manzini
@ThabaniM
Sep 19 2016 11:03
Hey, is anyone really good at responsive web design been using ben frain's book on the topic, I'm trying to apply it to my portfolio page but its not going as smoothly as it does in the book
the book recommends changing px values to ems with a formula they give but when I try to do that with the height of div elements doesn't quiet work out. http://codepen.io/ThabaniM/full/BLNrQp/
Thabani Manzini
@ThabaniM
Sep 19 2016 11:25
nvm I think i have got it, I needed to set an explicit px value for the body/container tag
Chris Cullen
@123xylem
Sep 19 2016 11:51

function newChoice(){
  ind=  [Math.floor(Math.random() * choices.length)];
  seq=choices[ind];
  return seq;
}
$("#start").on("click",function(){cpuSeq();  
})

$(".panel").on("click",function(){
  var panelId=$(this).attr("id");
  audioF[panelId.toLowerCase()].play(); //<-----use id as key
  $("#"+panelId).toggleClass("animate");  
   pSeq.push(panelId);
  // console.log(panelId,"player");

});

function cpuSeq() {
  count++;
newChoice();  //seq is the value of random choice element
   interval =
 setInterval(function() { 
     if(cSeq.length>=1){ for(i=0;i<cSeq.length;i++){
 // HERE IS MY ATTEMPT IF cpuSeq has notes in it... play them again before making new ones.
  audioF[cSeq[i].toLowerCase].play(); } }

 audioF[seq.toLowerCase()].play();  
    cSeq.push(seq);

     console.log(cSeq + cSeq.length, pSeq);
    newChoice();
  if(cSeq.length>=count){clearInterval(interval);
  cSeq=[];}
 }, 1000);
}
How can I get the cpuSeq to play the notes it played before...
Rachel Reinheimer
@glgirl28
Sep 19 2016 11:59
I'm trying to do my Front End projects without jQuery, so I can really understand what is going on behind the scenes. I'm struggling with AJAX. Any recommendations on what to read on this topic. I've read through the MDN documentation and read through everything I could find online. I am particularly stuck on the setRequestHeader part.
King Mhar Bayato
@kirahmadlare
Sep 19 2016 12:09
Hello guys. Why the gelocation is not working when I'm testing it in codepen
Sorin Ruse
@sorinr
Sep 19 2016 12:13
@kirahmadlare test it using https://codepen.io/......
King Mhar Bayato
@kirahmadlare
Sep 19 2016 12:21
@sorinr I'm using codepen but it's not working
@sorinr here's my pen: http://codepen.io/kingmhar/pen/yJGXdV
Sorin Ruse
@sorinr
Sep 19 2016 12:22
@kirahmadlare just load codepen over https like : https://codepen.io/kingmhar/pen/yJGXdV
Angela
@Baby007mix
Sep 19 2016 12:23
morning all, I need some basic help. I am trying to start my tribute page but have no clue. I have tried to log in on codepen.io but it takes me to Github instead. any ideas?
King Mhar Bayato
@kirahmadlare
Sep 19 2016 12:23
@sorinr THanks :)
CamperBot
@camperbot
Sep 19 2016 12:23
kirahmadlare sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 716 | @sorinr |http://www.freecodecamp.com/sorinr
Sorin Ruse
@sorinr
Sep 19 2016 12:24
@kirahmadlare navigator.geolocation needs a secure connection thats why you need https
@Baby007mix a codepen account? its free and you can use your github auth data. if you don't have a github account just create one
@Baby007mix here is the link for creating an account on codepen: https://codepen.io/signup/free
Angela
@Baby007mix
Sep 19 2016 12:28
@sorinr Thanks for your response. I have already created a Github Account. It says that my email address has already been taken when I try to sign up! so I am confused.
CamperBot
@camperbot
Sep 19 2016 12:28
baby007mix sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 717 | @sorinr |http://www.freecodecamp.com/sorinr
Sorin Ruse
@sorinr
Sep 19 2016 12:32
@Baby007mix then just use: https://codepen.io/login and use sign in with your github account
King Mhar Bayato
@kirahmadlare
Sep 19 2016 12:36
@sorinr do you have an idea how can I convert lat and long to a CITY name?
Sorin Ruse
@sorinr
Sep 19 2016 12:38
@kirahmadlare i'm calling this url to get further info: 'https://maps.googleapis.com/maps/api/geocode/json?latlng=' + lat + '%2C' + lon + '&language=en'
TailessCat
@TailessCat
Sep 19 2016 13:12
http://codepen.io/TaillessC/pen/VKKbkr/ i have some problems i cant get the data by json but i dont know why
i need some help really
Maryam Sabo Abubakar
@Maryam0011
Sep 19 2016 13:16
hello another problem with my header pls help
Angela
@Baby007mix
Sep 19 2016 13:18
thanks for @sorinr it worked
CamperBot
@camperbot
Sep 19 2016 13:18
baby007mix sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:warning: baby007mix already gave sorinr points
Sorin Ruse
@sorinr
Sep 19 2016 13:19
@Baby007mix welcome
Maryam Sabo Abubakar
@Maryam0011
Sep 19 2016 13:22
anyone
Christopher Wilson
@cswilson14
Sep 19 2016 13:38
hey, i'm attempting to learn Sass, but it seems the "%" is a special character. Is there any equivalent for when I want to do something like: border-radius: 50%;
Kübra Okutan
@kubraokutan
Sep 19 2016 13:50
@Maryam0011 I guess you forgot it. Shoul be <div class="collapse navbar-collapse navbar-right"> so you should use after navbar-right ">
Mehdi
@Medi2006
Sep 19 2016 14:11
hi guys someone help please i m using simple weather function for the challenge but i have a problem saying simple weather is not a function
ps i did include this in my code <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.simpleWeather/3.1.0/jquery.simpleWeather.min.js"></script>
monesul haque
@mones-fcc
Sep 19 2016 14:18
hi i am facing problem in "Use the Twitchtv JSON API"
can anyone help me out ?
Carl Frie
@carlfrie
Sep 19 2016 14:40
Hello Front Enders
Leonard
@leo9319
Sep 19 2016 14:48
I am completing challenge in building a tribute page. Can anyone help me?
Carl Frie
@carlfrie
Sep 19 2016 14:50
Sure @leo9319 what's the trouble?
Stephen Suratos
@stephenfs
Sep 19 2016 14:52

poking around :nth-child selector. What am i doing wrong here..

http://codepen.io/ssuratosjr/pen/JRRAWJ?editors=1100#0

isn't

p:nth-child(1)

suppose to select my first lorem ipsum paragraph?

Leonard
@leo9319
Sep 19 2016 15:01
Hey @carlfrie I don't know how to make the grey margins https://codepen.io/FreeCodeCamp/full/NNvBQW/
kat-mag
@kat-mag
Sep 19 2016 15:01
@SteveAmaki it
@SteveAmaki crap, can't type. It's because you got an element before your <p> elements. And it's looking for a parent element
@SteveAmaki If you specify it as you did without something before your <p>... It'd consider body as parent. But now it has none, having your nav in front? Enclose it in a div maybe and use it as a parent? Just an idea.
Stephen Suratos
@stephenfs
Sep 19 2016 15:03
@kat-mag I just realized what I was doing. Thanks!
CamperBot
@camperbot
Sep 19 2016 15:04
:cookie: 328 | @kat-mag |http://www.freecodecamp.com/kat-mag
steveamaki sends brownie points to @kat-mag :sparkles: :thumbsup: :sparkles:
Stephen Suratos
@stephenfs
Sep 19 2016 15:04
using nth-of-type now. I think that works best for what Im doing
kat-mag
@kat-mag
Sep 19 2016 15:05
@SteveAmaki have fun ;D
Stephen Suratos
@stephenfs
Sep 19 2016 15:08
always
@leo9319 are you using any css framework like Bootstrap?
Leonard
@leo9319
Sep 19 2016 15:11
Yes @SteveAmaki
Stephen Suratos
@stephenfs
Sep 19 2016 15:12
It looks like the gray area is just a jumbotron inside a container
If you're using Chrome as your browser, the inspector helps a lot!
Leonard
@leo9319
Sep 19 2016 15:13
Trying not to take help of the inspector @SteveAmaki
Stephen Suratos
@stephenfs
Sep 19 2016 15:14
try doing something like...
<div class="container">
     <div class="jumbotron">
     content here
    </div>
</div>
Leonard
@leo9319
Sep 19 2016 15:14
Alright @SteveAmaki Thanks
CamperBot
@camperbot
Sep 19 2016 15:14
leo9319 sends brownie points to @steveamaki :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @steveamaki |http://www.freecodecamp.com/steveamaki
Stephen Suratos
@stephenfs
Sep 19 2016 15:15
Did it work?
actually, you dont even have to use the jumbotron
just container
oscar
@oscarg91
Sep 19 2016 15:16
quick question has anybody here been hired straight after completing free code camp course ?
Stephen Suratos
@stephenfs
Sep 19 2016 15:17
I havent completed.
Leonard
@leo9319
Sep 19 2016 15:17
Still no border
Stephen Suratos
@stephenfs
Sep 19 2016 15:24
This message was deleted
@leo9319 What Border? Can you share your URL?
Leonard
@leo9319
Sep 19 2016 15:25
Its a challenge from CodePen @SteveAmaki . Take a look at this https://youtu.be/qqrnzmqCGDw
Taking about the grey border @SteveAmaki
Wendy Medeiros
@wendyr21
Sep 19 2016 15:26
hi, im working on the Pomodoro Clock. Does the setInterval sometimes speed up and slow down?
Stephen Suratos
@stephenfs
Sep 19 2016 15:27
@leo9319 yeah I finished this one already.
NIKHIL
@nikhil-m
Sep 19 2016 15:28
hello
Stephen Suratos
@stephenfs
Sep 19 2016 15:28
The gray area is just a container with a css style background: gray;
Leonard
@leo9319
Sep 19 2016 15:28
@SteveAmaki I managed to get a solution. Thanks a lot mate! cheers! :D
CamperBot
@camperbot
Sep 19 2016 15:28
leo9319 sends brownie points to @steveamaki :sparkles: :thumbsup: :sparkles:
:warning: leo9319 already gave steveamaki points
Stephen Suratos
@stephenfs
Sep 19 2016 15:28
awesome! Glad to hear. Carry on.
NIKHIL
@nikhil-m
Sep 19 2016 15:28
I want to align three div's in header
how can I ?
Stephen Suratos
@stephenfs
Sep 19 2016 15:29
@nikhil-m do you have a url?
NIKHIL
@nikhil-m
Sep 19 2016 15:29
no I am creating in on my pc ?
pc*
Leonard
@leo9319
Sep 19 2016 15:29
FB id: www.facebook.com/leo.9319 @SteveAmaki
Can make a group
NIKHIL
@nikhil-m
Sep 19 2016 15:29
I am trying to arrange them in a header
I am trying to create header like this webpage
Stephen Suratos
@stephenfs
Sep 19 2016 15:30
This message was deleted
Leonard
@leo9319
Sep 19 2016 15:31
Yes :D just did that @SteveAmaki
NIKHIL
@nikhil-m
Sep 19 2016 15:31
I know only html & css at the moment
can you tell me how ?
@SteveAmaki
Stephen Suratos
@stephenfs
Sep 19 2016 15:31
It'll be tough without you giving me what you have.
@nikhil-m
NIKHIL
@nikhil-m
Sep 19 2016 15:32
just a moment I will share the code i tried
Stephen Suratos
@stephenfs
Sep 19 2016 15:32
For starters, set each div's width to 30%
and then float left.
yup done the same
still facing some issues
Leonard
@leo9319
Sep 19 2016 15:33
Cool
Stephen Suratos
@stephenfs
Sep 19 2016 15:37
@nikhil-m try adding this to your CSS
#first img {
  width: 100%;
}
Your image is too big for its container (#first)
Amit Patel
@AmitP88
Sep 19 2016 15:47
hey guys, my gh-pages live site won't update with newly added content
I updated my master and gh-pages branches with a skills list in the contacts section, but it won't show on my live site: https://amitp88.github.io/New-Portfolio/#contact
it's been like 10 mins now since the update in my repo and it's still not showing up on my live site =(
Tyler Moeller
@TylerMoeller
Sep 19 2016 15:53
@AmitP88 That is odd. If you don't see any build errors, make sure your master branch is up to date, delete the gh-pages branch, and re-create it again. Sometimes that works. If not, here are other troubleshooting steps: https://help.github.com/articles/troubleshooting-github-pages-builds/
Amit Patel
@AmitP88
Sep 19 2016 15:54
ah ok. yeah, both my master and gh-pages branches are up-to-date, but i'll try that
I even downloaded the repo from my gh-pages branch and launched index.html and the skills list showed up on there
really weird
i'm not getting any console errors on the live site either
jrandallhansen
@jrandallhansen
Sep 19 2016 15:58
If anyone can help me debug my function for the twitch.tv project i would appreciate it. I am getting no functionality for the case when a user doesn't exist. I tried rewriting as an $.ajax() method instead of simply .getJSON() to try and use the error: attribute but still had no luck. https://codepen.io/jrandall/pen/pEjqQN?editors=1112
Amit Patel
@AmitP88
Sep 19 2016 15:59
omg ok, so I deleted my gh-pages branch and recreated it (it autoupdated the branch so everything's in it), but now my linkedin image wont show up on the live site (404 load error)
and the image is in my gh-pages branch too
ugh, so freakin weird!
=(
jrandallhansen
@jrandallhansen
Sep 19 2016 16:00
@AmitP88 that sucks! usually when something horrible like that happens and you get really stuck it helps to debug someone else's code. for example, helping me debug my issue may be just the break you need
;)
since i have been stuck for two days straight now lmao
Amit Patel
@AmitP88
Sep 19 2016 16:01
lol @jrandallhansen yeah, i've been there. I'm really rusty with js and jquery (bad I know), but I'll do what I can
jrandallhansen
@jrandallhansen
Sep 19 2016 16:02
@AmitP88 lol just teasing a bit to bring some humor to the situation. if you take a look and anything jumps out at you let me know. thanks buddy
CamperBot
@camperbot
Sep 19 2016 16:02
jrandallhansen sends brownie points to @amitp88 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for amitp88
jrandallhansen
@jrandallhansen
Sep 19 2016 16:02
id help you too but i have zero experience with GH yet
Amit Patel
@AmitP88
Sep 19 2016 16:02
@jrandallhansen np bro. I'll see what I can do
what functionality are you trying to achieve?
jrandallhansen
@jrandallhansen
Sep 19 2016 16:06
right now i just want the API call to return the correct console.log statement for each case
if you look at the console it is coming back correctly for two of the three cases (user online or offline). for the case when user does not exist i cant get any statement to the console
i wrote two attempts (one is through .getJSON but commented out) and both have the issue
Amit Patel
@AmitP88
Sep 19 2016 16:08
hmmm, I don't think i'd be able to help with this one. I'd post it on the HelpJavascript room though, they'd most likely be able to help you out
Andrew Seravkin
@ndrsrv
Sep 19 2016 16:09
@jrandallhansen ...channels/blablabla,kekek,ololo... returns only on users, i think u need compare arrays on users and global array for see difference and dead accounts.
for example, i treat each page (one page = one request for my realization) and when page response me 404, i mark user as dead
Amit Patel
@AmitP88
Sep 19 2016 16:12
lmao I reloaded my live site and now it's showing me a 404 Site not found error XD
when I didn't even do anything this time
did their servers crash or something?
NIKHIL
@nikhil-m
Sep 19 2016 16:30
@SteveAmaki thanku
CamperBot
@camperbot
Sep 19 2016 16:30
nikhil-m sends brownie points to @steveamaki :sparkles: :thumbsup: :sparkles:
:cookie: 123 | @steveamaki |http://www.freecodecamp.com/steveamaki
Sorin Ruse
@sorinr
Sep 19 2016 16:34
@jrandallhansen change in settings->js the order of loading: first jquery.js and after bootstrap
Stephen Suratos
@stephenfs
Sep 19 2016 16:39
@nikhil-m 🤘🏽
jrandallhansen
@jrandallhansen
Sep 19 2016 16:48
@sorinr When i changed that I actually got a statement on the console but it was the wrong one. so at least i have progress. what does the order change?
@AmitP88 thanks for trying @ndrsrv how can i check for that 404 response? part of the challenge is to have a specialized case for the 404 response. so rather than separate into a different array i can just adjust the reaction to gettting the response
CamperBot
@camperbot
Sep 19 2016 16:49
jrandallhansen sends brownie points to @amitp88 and @ndrsrv :sparkles: :thumbsup: :sparkles:
:cookie: 337 | @ndrsrv |http://www.freecodecamp.com/ndrsrv
:warning: could not find receiver for amitp88
AHMAD ZAHEER
@ahmad1174
Sep 19 2016 17:00
@ahmad1174
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone().appendTo("#left-well");
$("#target1").parent().css("backgorund-color","red");
Give the parent of the #target1 element a background-color of red?
what is wrong in this code?
Stephen Suratos
@stephenfs
Sep 19 2016 17:26
This message was deleted
@ahmad1174 closing } maybe?

$(document).ready(function() {

$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone().appendTo("#left-well");
$("#target1").parent().css("backgorund-color","red");

}
@ahmad1174 also, background is mispelled in the last target.
backgORUnd
Salomon
@zarruk
Sep 19 2016 17:56
Hello. I have been trying that after pressing the Tweet button, there is a pre-written tween with the quote. I have not been able to find out how to do this. My button includes the tittle of the page and although every time the "Get quote" button is pressed, the title is changed for the quote, it is not included in the tweet. Any ideas?
https://codepen.io/zarruk/pen/jrrbAB?editors=1010
Eric Weiss
@eweiss17
Sep 19 2016 18:17
@zarruk I used this to do it on my project. Obviously content = whatever your quote is
$('#tweet-quote').attr('href', 'https://twitter.com/intent/tweet?text='+content).attr('target', '_blank');
also my button that tweets obviously has the id tweet-quote
monesul haque
@mones-fcc
Sep 19 2016 18:19
This message was deleted

@zarruk
this might helpful
https://dev.twitter.com/web/tweet-button/parameters

if you add

 data-text="custom share text"

inside your

<a href="https://twitter.com/share" class="twitter-share-button"  data-text="custom share text">

section you will see something like

blob
Rick
@rangerrick337
Sep 19 2016 19:20
I'm trying to get a <section> of my website to be full page (100%). It works when I have body {height: 100%} but then I loose the <footer> at the bottom of the page. I have tried section {height: 100%} but it doesn't work. Any ideas? Here's the pen if you want to have a look: https://codepen.io/RickLee/pen/BLzpAR
emamadordev
@emamadordev
Sep 19 2016 19:45
hey
Joaquin Ignacio Sanz
@JoacoSz
Sep 19 2016 19:52
I need help, how do I make my tweet button tweet the first quote I put on screen? it says undefinedundefined http://codepen.io/Joakosz/full/ZppWky/
emamadordev
@emamadordev
Sep 19 2016 19:53
This is my tribute page: https://codepen.io/emmanuelamador/full/ZpOqAZ/ I just tried recreating the original from the tutorial here without looking at the code: https://codepen.io/FreeCodeCamp/full/NNvBQW/ Tell me, is mine okay and does it have to be exactly alike? It's similar but there might be differences if your nitpicking. I couldn't recreate the thumbnail effect. I'm a newb so please critique and tell me what I should and shouldn't do.
Joaquin Ignacio Sanz
@JoacoSz
Sep 19 2016 19:56
@emamador you took a little bit seriously the alike thing, why don't you try making your own tribute page?, I will say that you did a good job, it looks alie, you are lacking a <div class="well"> , <div class="jumbotron"> and some omore stuff
wrivera51
@wrivera51
Sep 19 2016 20:01
Rick try height: 100vh
emamadordev
@emamadordev
Sep 19 2016 20:04
@JoacoSz lol yeah. next time I won't copy the project example. I'll do my own. I tried doing it without looking at the code and just recreating it with everything that I've learned from the tutorials. Next time the actual content will be totally different. Thanks.
CamperBot
@camperbot
Sep 19 2016 20:04
:cookie: 267 | @joacosz |http://www.freecodecamp.com/joacosz
emamador sends brownie points to @joacosz :sparkles: :thumbsup: :sparkles:
Alexander Domikov
@AlexanderDom
Sep 19 2016 20:22
@rangerrick337 what you want exactly ? header and footer always visible ? and section between them ?
what do you guys think of my quote generator?
Rick
@rangerrick337
Sep 19 2016 20:26
@wrivera51 that worked, thanks! Google tells me it won't work on older browsers, is there anyway to do it with the height css?
CamperBot
@camperbot
Sep 19 2016 20:26
rangerrick337 sends brownie points to @wrivera51 :sparkles: :thumbsup: :sparkles:
:cookie: 149 | @wrivera51 |http://www.freecodecamp.com/wrivera51
Alexander Domikov
@AlexanderDom
Sep 19 2016 20:27
@JoacoSz too many colors in my opinion and cursive font :)...
and h7, h8 and h9 didn't exist
it stops on 6
Lyuba Marinova
@lyubamarinova
Sep 19 2016 20:29
this is my tribute page
but free code camp site doesn't allow me to go further
Joaquin Ignacio Sanz
@JoacoSz
Sep 19 2016 20:29
@AlexanderDom I know ahout the h thing, I just put random numbers that are > 6 when I want tiny letters
Alexander Domikov
@AlexanderDom
Sep 19 2016 20:30
@JoacoSz create classes or id so, just an advice
.h7 { } .h8 {} .etc
greg
@wearenotgroot
Sep 19 2016 20:32
@lyubamarinova what do you mean you cant go any further? you can access challenges and projects in https://www.freecodecamp.com/map
Alexander Domikov
@AlexanderDom
Sep 19 2016 20:33
otherways <h9> is never closed, <img> can't contain something if you wan't html opinion @JoacoSz
Joaquin Ignacio Sanz
@JoacoSz
Sep 19 2016 20:34
@AlexanderDom explain the <img> thing, what do you mean?
Alexander Domikov
@AlexanderDom
Sep 19 2016 20:35
@JoacoSz i mean that <img src="" alt="" /> that's how image element must be /> means that it's autoclosed like input elements or br or hr
Joaquin Ignacio Sanz
@JoacoSz
Sep 19 2016 20:36
@AlexanderDom right, thanks, changing it now
CamperBot
@camperbot
Sep 19 2016 20:36
joacosz sends brownie points to @alexanderdom :sparkles: :thumbsup: :sparkles:
:cookie: 385 | @alexanderdom |http://www.freecodecamp.com/alexanderdom
Jay Song
@gnosyaj
Sep 19 2016 20:37
<style>
/* PARALLAX */
  body, html {
    height: 100%;
  }

  .parallax {
      /* The image used */
    background-image: url('http://res.cloudinary.com/dvnpariof/image/upload/v1474308988/html_css_javascript_jquery_x8hgdd.jpg');
    padding-top: 20px;
    filter:brightness(30%);
      /* Full height */
    height: 100%;

      /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .jumbotron {
    height: 100%;
    padding:100px 0px;
    margin: 0px 125px 0px 125px;
    color: white;
    background: transparent;
  }
</style>
<!--parallax-->
<div class="parallax">
    <!-- About me-->
  <div class="container-fluid jumbotron" id="section1">
  <h1>Web Development</h1>
    <div class="col-xs-9"><br>
    <p>I am a web developer currently living in Cypress, CA.  I enjoy building diverse websites from small businesses to
       interactive web applications.  If you would like more information or would like to hire, you can contact me<a href="http://localhost/portfolio/portfolio.php#section3"> here</a>.</p>
    <p>Design (HTML, CSS, jQuery)</p>
    <p>Development & Database Setup (PHP, MySQL, SQL)</p>
    </div>
    <div class="col-xs-3">
      <img class="img-responsive" src="https://res.cloudinary.com/dvnpariof/image/upload/v1470496297/12936657_1089804404416345_5148942723251757505_n_zrkauk.jpg"
      alt="me" style="width:220px;height:220px" id="me">
    </div>
  </div>
</div>
Hello, I have a dark background and I need the text to remain white. But the text also gets darkened with the background as well. Any solutions?
emamadordev
@emamadordev
Sep 19 2016 20:39
@lyubamarinova wow! pretty nice. I like your personal touches like the color scheme, but what is this for: <link rel = "stylesheet" href="//maxcdn.bootstrap.min.css"/> I thought bootstrap was built into codepen.io
Lyuba Marinova
@lyubamarinova
Sep 19 2016 20:40
Yes , you are right , I should erase this line
Rick
@rangerrick337
Sep 19 2016 20:40
@gnosyaj add color: white; to your .parallax class
Looks like your text is in that class in the html
Rick
@rangerrick337
Sep 19 2016 20:43
@gnosyaj Also, in codepen put your <style> code in the CSS section to keep HTML and CSS seperate
Jay Song
@gnosyaj
Sep 19 2016 20:44
@rangerrick337 yeaaa i knowww
do you know how to fix it?
Rick
@rangerrick337
Sep 19 2016 20:44
@gnosyaj Did you try putting color: white; in your .parallax class styling?
emamadordev
@emamadordev
Sep 19 2016 20:45
@lyubamarinova well it's good practice to write it out. I just thought it was something else that's why i'm asking.
Jay Song
@gnosyaj
Sep 19 2016 20:47
@rangerrick337 yes i did. it remains dark
Rick
@rangerrick337
Sep 19 2016 20:51
@gnosyaj hmm, looks like your filter: brightness(30%) is applied to the whole parallax element which is affecting your text as well. Maybe it would work to put that somewhere else? I'll have a try
emamadordev
@emamadordev
Sep 19 2016 20:52
@JoacoSz your awesome quote site reminds me of the old style internet. Everything works good though. the only thing is that if you generate a longer quote then the button moves and all the content below it and the size of the page changes...so it gets annoying.
Jay Song
@gnosyaj
Sep 19 2016 20:55
@rangerrick337 where would i put it so that the text remains white and the background dark?
Joaquin Ignacio Sanz
@JoacoSz
Sep 19 2016 20:55
@emamador yeah, I've noticed that, any suggestions on how to change that?
Rick
@rangerrick337
Sep 19 2016 20:56
Jay Song
@gnosyaj
Sep 19 2016 20:57
@rangerrick337 i think i figured it out. i just have to remove jumbotron and size up the fonts thank you though!
CamperBot
@camperbot
Sep 19 2016 20:57
gnosyaj sends brownie points to @rangerrick337 :sparkles: :thumbsup: :sparkles:
:cookie: 105 | @rangerrick337 |http://www.freecodecamp.com/rangerrick337
emamadordev
@emamadordev
Sep 19 2016 21:12
@JoacoSz idk increase the width of the quote div or put some space between the button and the quote box somehow. maybe. or make the text responsive somehow. can i edit your code?
Joaquin Ignacio Sanz
@JoacoSz
Sep 19 2016 21:15
@emamador be my guest
Amit Patel
@AmitP88
Sep 19 2016 21:24
hey guys, so I got my portfolio site the way I want to on desktop view, and now i'm trying to get it looking good on mobile. https://amitp88.github.io/New-Portfolio/ it mostly looks good on mobile too, except for the text boxes looking cluttered, but my main part is that on mobile, there is excess white space when I scroll to the right. how do I get rid of this for mobile view?
I tried using bootstraps' container-fluid and col-xs-12 (for the smallest viewport) but it just messed things up more and still didnt get rid of the excess whitespace
Stephen Suratos
@stephenfs
Sep 19 2016 21:35
@AmitP88 You class skills with display:flex; is causing it.
in the contact section.
Amit Patel
@AmitP88
Sep 19 2016 21:36
@SteveAmaki ah I see. so I should remove that and stick with using the container-fluid and col- divs?
Stephen Suratos
@stephenfs
Sep 19 2016 21:36
yep
Amit Patel
@AmitP88
Sep 19 2016 21:37
gotcha. thanks man! :)
I'm cleaning up my code atm but I'll definitely use that
btw what do you think of my site so far?
Stephen Suratos
@stephenfs
Sep 19 2016 21:37
no problem. A brownie would be much appreciated!
:)
Amit Patel
@AmitP88
Sep 19 2016 21:37
lol sure thing :)
how do I do that?
@SteveAmaki :)
@SteveAmaki thank you :)
CamperBot
@camperbot
Sep 19 2016 21:38
amitp88 sends brownie points to @steveamaki :sparkles: :thumbsup: :sparkles:
:cookie: 125 | @steveamaki |http://www.freecodecamp.com/steveamaki
Amit Patel
@AmitP88
Sep 19 2016 21:38
there we go lol
Stephen Suratos
@stephenfs
Sep 19 2016 21:38
YES!!
haha
Amit Patel
@AmitP88
Sep 19 2016 21:38
lmao
Rimi.
@Codevotee
Sep 19 2016 21:38
This message was deleted
Stephen Suratos
@stephenfs
Sep 19 2016 21:38
its the simple things in life
Rimi.
@Codevotee
Sep 19 2016 21:38
This message was deleted
Amit Patel
@AmitP88
Sep 19 2016 21:38
I've done that before, I dunno why I forgot just now haha
Im not sure how CodeCamp uses it.. I think it unlocks certain perks.. not entirely sure. Its my first week using Codecamp
Rimi.
@Codevotee
Sep 19 2016 21:40
@SteveAmaki oh ok
Nicole Horn
@N1CKL3
Sep 19 2016 21:42
Please someone help me. I'm trying to complete the tribute page project. I cannot figure out how to center the image. I have searched the web but the things I tried still didn't work. http://codepen.io/n_horn/details/ZppRGG/
Toni Shortsleeve
@KoniKodes
Sep 19 2016 21:46
@N1CKL3 It looked good to me.
emamadordev
@emamadordev
Sep 19 2016 21:47
This message was deleted
Nicole Horn
@N1CKL3
Sep 19 2016 21:47
@KoniKodes It was centered?
Toni Shortsleeve
@KoniKodes
Sep 19 2016 21:48
@N1CKL3 I see. A little to the left. Let me check again.
emamadordev
@emamadordev
Sep 19 2016 21:48
@N1CKL3 i did this on mine: display: block; margin-right: auto; margin-left:auto; and maybe set a width
but i didn't use the img-thumbnail class that you have so i don't know how its going to affect the boostrap classes.
Nicole Horn
@N1CKL3
Sep 19 2016 21:51
@KoniKodes @emamador Maybe it is the thumbnail. It was centered until I added in the thumbnail
Toni Shortsleeve
@KoniKodes
Sep 19 2016 21:52
@N1CKL3 You don't need the style tag in the html. You have added Bootstrap to your setting, which is good. But you haven't styled anything yet. As @emamador said, iif may be the thumbnail. try to add img:{margin:auto;} in your css.
Stephen Suratos
@stephenfs
Sep 19 2016 21:52

@N1CKL3 Here's my remedy..

http://codepen.io/ssuratosjr/pen/kkkQYy

James Barrett
@jamesbarrett95
Sep 19 2016 21:53
Struggling on the 'Truncate a string' challenge:
function truncateString(str, num) {
  if(num <= 3) {
    return str.slice(0,num) + "...";
  } else {
    // ??
  }
}

truncateString("A-tisket a-tasket A green and yellow basket", 2);
Last 2 challenges are passing fine, however I am struggling on how to add the '...' without affecting the string length, any suggestions?
emamadordev
@emamadordev
Sep 19 2016 21:54
@SteveAmaki nice
Stephen Suratos
@stephenfs
Sep 19 2016 21:55
:)
Nicole Horn
@N1CKL3
Sep 19 2016 21:56
@SteveAmaki @KoniKodes @emamador Thanks guys! I tinkered with it a bit. It's the thumbnail. If I center it and then add in the thumbnail the border is huge. I don't really understand because the example tribute page has a thumbnail photo. Maybe it has to do with the size of the photo?
CamperBot
@camperbot
Sep 19 2016 21:56
n1ckl3 sends brownie points to @steveamaki and @konikodes and @emamador :sparkles: :thumbsup: :sparkles:
:cookie: 126 | @steveamaki |http://www.freecodecamp.com/steveamaki
:warning: could not find receiver for emamador
:cookie: 372 | @konikodes |http://www.freecodecamp.com/konikodes
Toni Shortsleeve
@KoniKodes
Sep 19 2016 21:56
@jamesbarrett95 I've private messaged you.
Stephen Suratos
@stephenfs
Sep 19 2016 21:58
@N1CKL3 Since you're using Bootstrap already, take advantage of the grid system
Use the container class to center things.

HELP!

I want to have a scrolling effect when Video and Timeline buttons are clicked. Right now its just jumping into the section.

http://codepen.io/ssuratosjr/pen/RGRvzm

emamadordev
@emamadordev
Sep 19 2016 22:02
@N1CKL3 @SteveAmaki this is another solution. centered with still using the thumbnail class:http://codepen.io/emmanuelamador/pen/QKKJNE it's the display: block; that allows you to center it. I still think you should listen to @SteveAmaki and use the grid system because that's what was taught in the tutorials. you should learn and know the grid system. tell me if it's centered
Stephen Suratos
@stephenfs
Sep 19 2016 22:02
The grid system will also give you a unified look to your site since it aligns to each other.
hence.. grid
Simon Cordova
@gbsimon87
Sep 19 2016 22:03

@SteveAmaki I think this article may help you...
http://stackoverflow.com/questions/4801655/how-to-go-to-a-specific-element-on-page/11986153#11986153
You'll need to use either native JS or JQuery...

PS: Good evening all! :)

Stephen Suratos
@stephenfs
Sep 19 2016 22:03
Thanks @gbsimon87. WIll give it a read.
CamperBot
@camperbot
Sep 19 2016 22:03
steveamaki sends brownie points to @gbsimon87 :sparkles: :thumbsup: :sparkles:
:cookie: 328 | @gbsimon87 |http://www.freecodecamp.com/gbsimon87
Simon Cordova
@gbsimon87
Sep 19 2016 22:04
@SteveAmaki, for the jquery example, you can adjust the speed, it doesn't have to be the fixed 500
Nicole Horn
@N1CKL3
Sep 19 2016 22:04
@emamador @SteveAmaki Thanks guys. I'm trying. I understand the idea of rows but the col-size-# concept is a bit confusing. I will have to go back and look at the lessons with the chart they linked.
CamperBot
@camperbot
Sep 19 2016 22:04
n1ckl3 sends brownie points to @emamador and @steveamaki :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for emamador
:warning: n1ckl3 already gave steveamaki points
greg
@wearenotgroot
Sep 19 2016 22:05
@N1CKL3 col-xx-xx will decide how much space that div will take(the grid is 12 units if i remember correctly)
Stephen Suratos
@stephenfs
Sep 19 2016 22:06
@N1CKL3 the size represent the different screen sizes. the number has to add up to 12 to complete a row.
melisa pettaway
@mpettaw2
Sep 19 2016 22:06
hello everyone i am on the simon game challenge...
i need some serious help
so from line 13-33
i am trying to return the length of my string but when i compare it to step not happens?
*nothing
when you return something the browser is suppose to read that like a variable holding data right?
Simon Cordova
@gbsimon87
Sep 19 2016 22:09
@N1CKL3 Here's a great resource to understanding the rows and columns in bootstrap
http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp
greg
@wearenotgroot
Sep 19 2016 22:10
@mpettaw2 nvm this
Nicole Horn
@N1CKL3
Sep 19 2016 22:10
@wearenotgroot @SteveAmaki @gbsimon87 Thanks guys. I really appreciate all the help!
CamperBot
@camperbot
Sep 19 2016 22:10
n1ckl3 sends brownie points to @wearenotgroot and @steveamaki and @gbsimon87 :sparkles: :thumbsup: :sparkles:
:warning: n1ckl3 already gave steveamaki points
:cookie: 329 | @gbsimon87 |http://www.freecodecamp.com/gbsimon87
:star2: 1757 | @wearenotgroot |http://www.freecodecamp.com/wearenotgroot
melisa pettaway
@mpettaw2
Sep 19 2016 22:10
mac2 is a string but i am returning it's length
that should be a number
greg
@wearenotgroot
Sep 19 2016 22:11

@mpettaw2 the problem is

if(mMove===step){

mMove is your function, if you wanted value from it you should probably execute it.
so

mMove()
Amit Patel
@AmitP88
Sep 19 2016 22:12
@SteveAmaki hey Steve, so I cleaned up my code and your solution worked, but I still get a tiny little slit of vertical whitespace on mobile view. Anything else I can do to remove this last bit?
melisa pettaway
@mpettaw2
Sep 19 2016 22:12
it's not being executed in setInterval?
Amit Patel
@AmitP88
Sep 19 2016 22:12
all I did was remove the display: flex from any code that pertains to the contacts section
Stephen Suratos
@stephenfs
Sep 19 2016 22:13
@AmitP88 will check it out when I get home. Send me a private message with the url to your project
greg
@wearenotgroot
Sep 19 2016 22:13
@mpettaw2 it is but you cant compare it like that. you need to store some value to a variable
melisa pettaway
@mpettaw2
Sep 19 2016 22:13
oh and i changed it to push to an array sorry
Amit Patel
@AmitP88
Sep 19 2016 22:13
@SteveAmaki will do, and thanks again :)
CamperBot
@camperbot
Sep 19 2016 22:13
amitp88 sends brownie points to @steveamaki :sparkles: :thumbsup: :sparkles:
:warning: amitp88 already gave steveamaki points
melisa pettaway
@mpettaw2
Sep 19 2016 22:13
oooh...
let me try that
greg
@wearenotgroot
Sep 19 2016 22:16
@mpettaw2 remember setInterval only execute the function continously until stop by clearInterval and it will not return anything, so your best bet is to update or set a variable to some value inside the function you gave the setInterval to execute
melisa pettaway
@mpettaw2
Sep 19 2016 22:19
ok
Flashards
@Flashards
Sep 19 2016 22:22
Hey. I'm recreating Chrome starting webiste (google and these 8 recently visited website tabs). I created 8 divs and they are all perfectly divided into 2x4 blocks but the thing is; they are on the left. I tried using "position: center" and "text-align: center" but it didn't worked. Then I changed my "float: left" into "display:inline-block;" but it still won't put them in the center. Can anyone help me?
Simon Cordova
@gbsimon87
Sep 19 2016 22:23
@Flashards are you using bootstrap
?
Flashards
@Flashards
Sep 19 2016 22:23
@gbsimon87 Nah. Sheer CSS
Simon Cordova
@gbsimon87
Sep 19 2016 22:24
Nonetheless, your parent div, where the 2x4 blocks are, try giving it a css style of text-align: center;
Flashards
@Flashards
Sep 19 2016 22:24
@gbsimon87 That's the code for a single tab right now:
width: 100px;
height: 120px;
background-color: yellow;
display:inline-block;
margin: 5px;
text-align: center;
}
@gbsimon87 As u can see I've included text-align: center;
Simon Cordova
@gbsimon87
Sep 19 2016 22:24
Send me a codepen or jsfiddle
Flashards
@Flashards
Sep 19 2016 22:25
@gbsimon87 w8 creating it
Simon Cordova
@gbsimon87
Sep 19 2016 22:26
If you text-align the 2x4 block itself, you're telling it to have all the elements inside of it be text-aligned. To center all the blocks themselves, nest them under a parent div...
you can take different approaches, either set both margin-left and margin-right to auto, or setting the parent div to text-align center
A number of things, it isn't the best practice to set styles specifically to ids, use classes instead

Secondly, you're giving the same styles to differeny blocks, why not just create one style with those values in it and apply that one style to the different divs?

I'll send you a file back to demonstrate what I mean...

Nicole Horn
@N1CKL3
Sep 19 2016 22:28
@emamador It worked :)
Flashards
@Flashards
Sep 19 2016 22:29
@gbsimon87 ok. thanks for attention. so what was the issue there with the blocks?
CamperBot
@camperbot
Sep 19 2016 22:29
flashards sends brownie points to @gbsimon87 :sparkles: :thumbsup: :sparkles:
:cookie: 330 | @gbsimon87 |http://www.freecodecamp.com/gbsimon87
Simon Cordova
@gbsimon87
Sep 19 2016 22:29
Give me a quick 3 mins I'll send you a link back
Flashards
@Flashards
Sep 19 2016 22:30
@gbsimon87 sure
Simon Cordova
@gbsimon87
Sep 19 2016 22:37
@Flashards I hope this helps...
I tried changing the colors around so that you can see where the different divs are...
http://codepen.io/gbsimon87/pen/xEEQjQ
Flashards
@Flashards
Sep 19 2016 22:38
@gbsimon87 You're my hero! Thanks once again!
CamperBot
@camperbot
Sep 19 2016 22:38
flashards sends brownie points to @gbsimon87 :sparkles: :thumbsup: :sparkles:
:warning: flashards already gave gbsimon87 points
Simon Cordova
@gbsimon87
Sep 19 2016 22:39
No worries...
The key points for this semi-hack are...
  1. fixed width (it can have transparent background so the user doesn't see the inteded width)
  2. Margin, 0 auto...0 for the pixels, auto so that it's evenly distributed
Thirdly, see how I only created ONE class, and applied that class to the individual div elements?
Nicole Horn
@N1CKL3
Sep 19 2016 22:40
@gbsimon87 I have a quick question on the bootstrap grid. From what I understand. The size you choose is based off of the minimum screen size you would like the page to fit on and then it will auto correct itself for screens that are larger. That's why a lot of people choose xs. The columns could be for having lists or paragraphs spaced out within your row but it needs to add up to 12. If you only have 1 column then you automatically choose 12. Is that correct?
Flashards
@Flashards
Sep 19 2016 22:40
@gbsimon87 Yes. I was expecting some thing like: parentDiv1 > childrenDivs { not just parentDiv1
Simon Cordova
@gbsimon87
Sep 19 2016 22:41
@N1CKL3 In order for bootstrap to 'work' correctly as it is set up to be, EVERY row needs 12 columns
Sorry, let me rephrase.
you can't have...
<div class="row">

<div class="col-xs-4">
</div>
<div class="col-xs-7"
</div>
<div class="col-xs-6">
</div>

</div>
See how the columns inside that row add up to 17? They MUST add up to 12
But you can use any combination you'd like, as long as it adds up to 12..
Now most people start with xs columns first as they are intended for mobiles (extra small)
Simon Cordova
@gbsimon87
Sep 19 2016 22:46
So often you'll see design that for cellphones only show two colums, but for larger screens, say a large screen monitor, it may show 4 columns, as it gives more space
@Flashards using that method is also accepted, you must find a way that's comfortable for you...
@N1CKL3 as the site I sent you says...
On a big screen it might look better with the content organized in three columns, but on a small screen it would be better if the content items were stacked on top of each other.
Bootstrap's grid system will adjust for you, but just make sure the col-xs-# values add up to 12 inside the individual rows
Alexander Domikov
@AlexanderDom
Sep 19 2016 22:50
You didn't need to end up on 12 if you start a new row
Simon Cordova
@gbsimon87
Sep 19 2016 22:50
@Flashards Give this a 10 minute look...
https://css-tricks.com/child-and-sibling-selectors/
@AlexanderDom Correct, as I said per individual, it's hard to fully express on chat without writing a full essay sometimes
Flashards
@Flashards
Sep 19 2016 22:51
@gbsimon87 I'm on it
Simon Cordova
@gbsimon87
Sep 19 2016 22:52
@AlexanderDom it's good practice to start though, before heading into offsets
At least in my experience
Alexander Domikov
@AlexanderDom
Sep 19 2016 22:52
Yes @gbsimon87 , but not everybody want always all and it's sad
i don't talk about offset just that if you want one line with 6 and 3 it's ok ;)
Nicole Horn
@N1CKL3
Sep 19 2016 22:53
@gbsimon87 Okay, perhaps I worded it wrong but I do understand that it must add up to 12 columns within a row. I don't want you to think that I didn't read the link in its entirety. I'm willing to put in the research and time but I like to make sure that I properly understood it. Last question. If you choose 12 then that would just be the entire row? For example, a picture you put within a row and col-xs-12 will take up the whole row BUT the picture will still be in its original size.
col-xs-12 doesn't affect the picture but it does mean that there is only 1 column within the row?
Simon Cordova
@gbsimon87
Sep 19 2016 22:54
@N1CKL3 Correct.
Alexander Domikov
@AlexanderDom
Sep 19 2016 22:54
col classes is for cols :) i let simon anwser
Nicole Horn
@N1CKL3
Sep 19 2016 22:56
@gbsimon87 Alright! Yes, I 100% understand it now! Thank you for sending that link. I bookmarked it and I appreciate you solidifying my understanding of the subject. Thanks!
CamperBot
@camperbot
Sep 19 2016 22:56
n1ckl3 sends brownie points to @gbsimon87 :sparkles: :thumbsup: :sparkles:
:warning: n1ckl3 already gave gbsimon87 points
Simon Cordova
@gbsimon87
Sep 19 2016 22:57
@N1CKL3
http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_img_thumbnail2&stacked=h
Open that page up, minimize your browser, and expand it with the mouse, as in make the browser window smaller and larger, and view the effect on the pictures and the div elements :)
@AlexanderDom Je vais a Paris le mois prochaine!
C'est ma premiere fois!
Alexander Domikov
@AlexanderDom
Sep 19 2016 22:58
@gbsimon87 bien bien :) mois prochain, but it's good
for vacation ?
Simon Cordova
@gbsimon87
Sep 19 2016 22:59
aaah vrai, le mois...
Oui, avec ma copine
And @N1CKL3 no worries, keep at it!
Alexander Domikov
@AlexanderDom
Sep 19 2016 23:01
@gbsimon87 ok good choice for vacation + .copine :]
Simon Cordova
@gbsimon87
Sep 19 2016 23:02
Oui, elle a ete beaucoup de fois, c'était la ville préférée de son père.
Comment dit-on, cite ou ville?
Alexander Domikov
@AlexanderDom
Sep 19 2016 23:04
Plus-tôt ville que cité, cité est utilisée pour la banlieue - les villes proches de la ville
Simon Cordova
@gbsimon87
Sep 19 2016 23:13
Oh parfait, merci...
Alexander Domikov
@AlexanderDom
Sep 19 2016 23:16
Youre welcome
Salomon
@zarruk
Sep 19 2016 23:38
Hello. I have been trying that after pressing the Tweet button, there is a pre-written tweet with the quote. I have not been able to find out how to do this. My button includes the tittle of the page in the tweet and although every time the "Get quote" button is pressed, the quote is assigned to the title of the page, such quote is not included in the tweet. Any ideas?
https://codepen.io/zarruk/pen/jrrbAB?editors=1010
Tony Lam
@sjBao
Sep 19 2016 23:43
Hello, is there anyone else having difficulty with the Twitch App project?
i tried to look at the sample code but all accounts are closed... any I don't really understand the documentation for calling the twitch API since i keep getting "no client ID error"