These are chat archives for FreeCodeCamp/HelpFrontEnd

24th
Mar 2018
Herman Fassett
@HermanFassett
Mar 24 2018 00:17
No one can, you're doomed
DarkxPunk
@DarkxPunk
Mar 24 2018 01:13
@GummyGod @HermanFassett :laughing:
papageg
@papageg
Mar 24 2018 03:31
Manipulating Complex Objects
this section makes no sense how do i do it?
Herman Fassett
@HermanFassett
Mar 24 2018 03:33
@papageg what doesn't make sense? The myMusic array should already have a sample album object, so just add another element to the array with a similar format
papageg
@papageg
Mar 24 2018 03:35
i would have to add {} correct?
Herman Fassett
@HermanFassett
Mar 24 2018 03:38
yes, it would be a new object in the array.

var myMusic = [
  { /* sample object already in array */
    "artist": "Billy Joel",
    "title": "Piano Man",
    "release_year": 1973...
  },
  { /* Your new object. add properties here */ }
];
papageg
@papageg
Mar 24 2018 03:41
o i had the write answer i was just missing that , that ends the object
man these , ; are killing me and my sense of learning.
JoEezy
@JoEeeezy_twitter
Mar 24 2018 04:32
does anyone know if this is a bug https://i.imgur.com/5fuw3qv.png
everytime i try to add a dist-tag it gives me a 404 error
zootechdrum
@zootechdrum
Mar 24 2018 05:14
Whats up everyone
i need some help
I am trying to create the logo from the self titled album Blink 182
I am having trouble with the css
The arc for the mouth is staying behind the circle
i applies a zero index but for whatever reason that shit is staying behind the circle
Here is the link to my codepen
DarkxPunk
@DarkxPunk
Mar 24 2018 06:51
Ladies and Gents, Boys and Girls, from all around the globe. I have invented the most efficient PURE CSS tab system!
JoEezy
@JoEeeezy_twitter
Mar 24 2018 07:05
@DarkxPunk great job , that looks good :smile:
DarkxPunk
@DarkxPunk
Mar 24 2018 07:06
@JoEeeezy_twitter I have been dreaming about this for months, and fighting to make it real for weeks. I am so happy I solved all the problems XD
JoEezy
@JoEeeezy_twitter
Mar 24 2018 07:09
i just forked it :) gonna mess around with it a bit to better understand how you did it
DarkxPunk
@DarkxPunk
Mar 24 2018 07:10
Well now that it is 3AM for me I need to sleep. Enjoy my friend @JoEeeezy_twitter
Ian
@toianw
Mar 24 2018 07:21
@zootechdrum you misspelled absolute in the .mouth CSS rules.
Sorin Ruse
@sorinr
Mar 24 2018 07:42
@DarkxPunk nice job only its static( i mean if you need some changes you are forced to edit both html and css). it was a very good exercise in learning more html/css. unfort, in programming you will be forced to use the quickest and most reliable solution to solve one problem. u for sure, can achieve same result using js in just a couple of code lines.
habibaatify
@habibatify_twitter
Mar 24 2018 10:06
backimag.PNG
why image not add to header what is wrong?
h1tag
@h1tag
Mar 24 2018 10:08
@habibatify_twitter can you post the link the full code?
habibaatify
@habibatify_twitter
Mar 24 2018 10:10
ok
Rob
@PGFracing
Mar 24 2018 10:11
the image shows up
habibaatify
@habibatify_twitter
Mar 24 2018 10:12
i want to add in header
the anothe imag is belong to about
Rob
@PGFracing
Mar 24 2018 10:13
you don’t need style header class="header " style="background-image:url('https://image.ibb.co/nKzmk7/team_3.jpg') ">
you already have a class it’s redundant to add a style when you already have the css
class
habibaatify
@habibatify_twitter
Mar 24 2018 10:14
if i remove it than alos do not add the img at header
LydaTech
@lydatech
Mar 24 2018 10:15
@habibatify_twitter your header is collapsing. add a height and a margin
Rob
@PGFracing
Mar 24 2018 10:16
<header class="header > change to <header class=“header”>
forgot quote
habibaatify
@habibatify_twitter
Mar 24 2018 10:17
i add quote still not add the img
LydaTech
@lydatech
Mar 24 2018 10:18
@habibatify_twitter dude did you see my message?
habibaatify
@habibatify_twitter
Mar 24 2018 10:19
yes
LydaTech
@lydatech
Mar 24 2018 10:22
@habibatify_twitter add these 3 lines to the bottom of your header class
height: 60vh;
  margin-top: 60px;
    border: 1px solid red;
habibaatify
@habibatify_twitter
Mar 24 2018 10:23
thanks
why when i click on every menu it not scroll to that section?
habibaatify
@habibatify_twitter
Mar 24 2018 10:28
?
LydaTech
@lydatech
Mar 24 2018 10:29
because all your nav links have href="#" as its target
habibaatify
@habibatify_twitter
Mar 24 2018 10:32
it is single page website
LydaTech
@lydatech
Mar 24 2018 10:33
@habibatify_twitter i see youre trying to do it with jquery but youre not loading jquery
@habibatify_twitter in your html you have
habibaatify
@habibatify_twitter
Mar 24 2018 10:34
can u tell me in code?
LydaTech
@lydatech
Mar 24 2018 10:34
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src='js/main.js'></script>
those are pointing to local files on your pc. You cant load them that way in codepen
habibaatify
@habibatify_twitter
Mar 24 2018 10:35
how can add jquery to codepen?
LydaTech
@lydatech
Mar 24 2018 10:36
@habibatify_twitter click on settings on the top of the page
go to the JS section
habibaatify
@habibatify_twitter
Mar 24 2018 10:37
ok than?
LydaTech
@lydatech
Mar 24 2018 10:37
there is a quick add dropdown at the bottom. add jquery then add bootstrap v4
then go abck to your css tab
in settings
and add bootstrap v4 css
Matej Bošnjak
@mbosnjak01
Mar 24 2018 10:39
another way to add all of that to codepen or other online editor is to add links to your html from Google hosted libraries
habibaatify
@habibatify_twitter
Mar 24 2018 10:39
thank you so much
LydaTech
@lydatech
Mar 24 2018 10:39
@mbosnjak01 thats not the recommended way in codepen
Matej Bošnjak
@mbosnjak01
Mar 24 2018 10:40
Yes, but just saying. It's good to know it exists
:)
MuhammadYasser1
@MuhammadYasser1
Mar 24 2018 11:12
hey guys, I always wanted to work as frontend freelancer but I didn't been accepted in any job although i know html5, CSS3, javascript, jquery, ajax, json, bootstrap4, sass, vuejs and alittle php, mysql.... I apply for more than 100 jobs across 10 months and now i'm very frustrated so what can be the problem? and if any one have job just put me in an interview
LydaTech
@lydatech
Mar 24 2018 11:20
@MuhammadYasser1 there could be a hundred reasons why youre not getting the jobs.
MuhammadYasser1
@MuhammadYasser1
Mar 24 2018 11:23
@lydatech say some if you have time
habibaatify
@habibatify_twitter
Mar 24 2018 11:24
i want to increase the header size why it noworking?
not working?
LydaTech
@lydatech
Mar 24 2018 11:24
@MuhammadYasser1 you have nothing to show in your git repos. No projects online. What experience do you have?
@MuhammadYasser1 ???
MuhammadYasser1
@MuhammadYasser1
Mar 24 2018 11:27
@lydatech 18 month of dedicated learning
LydaTech
@lydatech
Mar 24 2018 11:28
@MuhammadYasser1 yeah but what experience?
MuhammadYasser1
@MuhammadYasser1
Mar 24 2018 11:30
@lydatech i made some projects on my own as application on what i learnt across this years... i doubt that i understand your question :D
h1tag
@h1tag
Mar 24 2018 11:32
@MuhammadYasser1 do you get called back for interviews?
LydaTech
@lydatech
Mar 24 2018 11:33
@MuhammadYasser1 what does your resume look like
MuhammadYasser1
@MuhammadYasser1
Mar 24 2018 11:33
@h1tag yes 2 times ends with ignore
@lydatech i was trying to work on upwork ...my portfolio has 3 good examples i think
h1tag
@h1tag
Mar 24 2018 11:38
@MuhammadYasser1 if you don't get called back that much for interviews, it could be your resume (given that you have the skills that the employers require). Check cscareerquestion subreddit, there's a pinned post at the top for resumes advice
also that subreddit has posts about how to get hired that you may find useful
LydaTech
@lydatech
Mar 24 2018 11:40
@MuhammadYasser1 when you apply for the jobs do you send them a resume?
h1tag
@h1tag
Mar 24 2018 11:47
@MuhammadYasser1 and after getting your resume checked, you have to work on your interview skills (practicing interviews, knowing how to answer interview questions, practicing solving problems on platforms like leetcode.com)
h1tag
@h1tag
Mar 24 2018 11:54
this doesn't guarantee that you'll get a job, but it will up your chances, because there might be other factors, like better candidates who applied for the same job
also, finding a job could be hard or easy, depending on where u live
LydaTech
@lydatech
Mar 24 2018 12:16
@h1tag hes not here
DarkxPunk
@DarkxPunk
Mar 24 2018 14:05
@sorinr I am not sure what you mean exactly by static? You can add an infinite number of tabs and data without modifying the CSS at all. The CSS remains purely for styling how it looks not how it operates. You are correct in JS you can do this far quicker, but CSS3 is fun! :smile:
Morning world.
DarkxPunk
@DarkxPunk
Mar 24 2018 14:17
Seems World is still sleeping XD
Apollo
@enigmacipher
Mar 24 2018 14:24
I styled my img with max-width: 470px; min-width:100px; but my img size wont change when I resize the window
DarkxPunk
@DarkxPunk
Mar 24 2018 14:27
What size is it staying at? Can you provide code/pen?
@enigmacipher
DarkxPunk
@DarkxPunk
Mar 24 2018 14:36
Add width: 100%
Apollo
@enigmacipher
Mar 24 2018 14:38
Then the image would cover the entire screen. I want it to change as I'm resizing
DarkxPunk
@DarkxPunk
Mar 24 2018 14:40
No it wont
It will resize within the bounds you set
resize.gif
Apollo
@enigmacipher
Mar 24 2018 14:44
got it!! THANKS @DarkxPunk :) I thought you meant to replace everything with width:100%;
Apollo
@enigmacipher
Mar 24 2018 14:52
@DarkxPunk when styling <p> I don't have to add width:100%; Why is it different with imgs
DarkxPunk
@DarkxPunk
Mar 24 2018 15:01
@appo images are not responsive by default I guess
Jamal
@jmal713
Mar 24 2018 15:06
Hello everyone, I was wondering if there is anyone who is currently working on the Portfolio website project, I could use some help, new to this.
are we allowed to use bootstrap for this project?
Matej Bošnjak
@mbosnjak01
Mar 24 2018 15:06
you are allowed to use whatever you wanna use
there are no restrictions in technology
Jamal
@jmal713
Mar 24 2018 15:08
Thanks @mbosnjak01 I will try my beset to complete this project.
CamperBot
@camperbot
Mar 24 2018 15:08
jmal713 sends brownie points to @mbosnjak01 :sparkles: :thumbsup: :sparkles:
:cookie: 254 | @mbosnjak01 |http://www.freecodecamp.org/mbosnjak01
Matej Bošnjak
@mbosnjak01
Mar 24 2018 15:09
Good luck. :)
Jamal
@jmal713
Mar 24 2018 15:09
thanks.
Matej Bošnjak
@mbosnjak01
Mar 24 2018 15:10
And don't be bothered if you don't know certain things or if your design doesn't look appealing, you can always go back and improve stuff latter as you learn more
i am really new can anyone help why my quote button is not working
Cristian
@GummyGod
Mar 24 2018 15:37
@catapulto don't you need to call the API ?
Amit Patel
@AmitP88
Mar 24 2018 15:40

hey all, what do you think of my pomodoro timer so far? It's still a work in progress, but here's a demo

https://amitp88.github.io/Pomodoro-Timer/

Ian
@toianw
Mar 24 2018 15:42
@catapulto When something in JS doesn't work as you expect, it's often useful to look for error messages in the browser console.
catapulto
@catapulto
Mar 24 2018 15:44
no errors @toianw
Ian
@toianw
Mar 24 2018 15:44
@catapulto Use the browser console, not the codepen one.
catapulto
@catapulto
Mar 24 2018 15:44
@GummyGod i am not using api
Stephen James
@sjames1958gm
Mar 24 2018 15:45
@catapulto look in the devtools console you will see an error $ is not defined
catapulto
@catapulto
Mar 24 2018 15:46
yea i am having error $ is not defined @toianw @sjames1958gm
Stephen James
@sjames1958gm
Mar 24 2018 15:46
@AmitP88 looking good
Amit Patel
@AmitP88
Mar 24 2018 15:46
@sjames1958gm thank you! :)
CamperBot
@camperbot
Mar 24 2018 15:46
amitp88 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 9131 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
Stephen James
@sjames1958gm
Mar 24 2018 15:46
@catapulto Where does $ come from?
catapulto
@catapulto
Mar 24 2018 15:47
actaully trying to use jquery following the guides of fcc
and idk from where that $ comes @sjames1958gm
Stephen James
@sjames1958gm
Mar 24 2018 15:47
@catapulto So you need to add jquery to your project through the settings
@catapulto $ comes from including jquery
catapulto
@catapulto
Mar 24 2018 15:48
thanks @sjames1958gm i am stupid
CamperBot
@camperbot
Mar 24 2018 15:48
catapulto sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 9132 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
catapulto
@catapulto
Mar 24 2018 15:50
thanks @toianw
CamperBot
@camperbot
Mar 24 2018 15:50
catapulto sends brownie points to @toianw :sparkles: :thumbsup: :sparkles:
:cookie: 510 | @toianw |http://www.freecodecamp.org/toianw
DarkxPunk
@DarkxPunk
Mar 24 2018 16:01
Hey there, I finally achieved my pure css tab system. I’d love some input. https://codepen.io/DarkxPunk/pen/eMEgqJ
zootechdrum
@zootechdrum
Mar 24 2018 16:03
@toianw GOD DAMN IT
@toianw thanks dude. Have a great weekend
CamperBot
@camperbot
Mar 24 2018 16:03
zootechdrum sends brownie points to @toianw :sparkles: :thumbsup: :sparkles:
:cookie: 511 | @toianw |http://www.freecodecamp.org/toianw
Kim Duclos
@KimberlyDuclos
Mar 24 2018 16:17
After pressing enter to search, I'm not getting any JSON output. Can anybody check this out for me? Thanks. https://codepen.io/KimberlyDuclos/pen/ZxJRyx
John
@tertiaryidentifier
Mar 24 2018 16:37
@KimberlyDuclos I think your url is off
Kim Duclos
@KimberlyDuclos
Mar 24 2018 16:37
ah, the wikipedia URL?
John
@tertiaryidentifier
Mar 24 2018 16:38
@KimberlyDuclos also unrelated but if you are working in jQuery, why don't you just $("#textInput").val() instead of the lengthier document.getElementById('').value
Kim Duclos
@KimberlyDuclos
Mar 24 2018 16:39
Yeah, I need to switch. Just got in the habit of document.getElementById while learning. I'm planning on cleaning up my code once I get things working.
Santiago Fernandez
@sf-jd
Mar 24 2018 16:39
@KimberlyDuclos i believe you are submitting the search form, what you need to do is prevent its default behavior and then let your getJSON handle. I suspect its submitting a form because it causes a redirect.
Kim Duclos
@KimberlyDuclos
Mar 24 2018 16:39
So, when hitting enter, all I'm doing is generating a search yet it's not leading to the search output?
Santiago Fernandez
@sf-jd
Mar 24 2018 16:40
It is most likely doing whatever you told the form to do
its default behavior
please take 5 mins to read about preventDefault() method you'll figure it out in no time :D
        $('#search').submit();
Kim Duclos
@KimberlyDuclos
Mar 24 2018 16:40
OK, thanks. I'll take a look at that. So it seems that I have a form that performs a search yet does not output search results.
Santiago Fernandez
@sf-jd
Mar 24 2018 16:41
thats what's submitting your form
Kim Duclos
@KimberlyDuclos
Mar 24 2018 16:41
Ah ok, and that would have no power to actually make output.
Santiago Fernandez
@sf-jd
Mar 24 2018 16:41
the form is not being told to do anything that would produce output
Kim Duclos
@KimberlyDuclos
Mar 24 2018 16:42
I see now. The form is just taking the user input and doing nothing with it then.
Santiago Fernandez
@sf-jd
Mar 24 2018 16:42
Yup
Kim Duclos
@KimberlyDuclos
Mar 24 2018 16:42
Thanks. Time to do some reading!
Moisés Man
@moigithub
Mar 24 2018 16:42
instead u code in keydown event.. u could do in submit event
then no need to track keycode 13
just use default form behavior (submit)
Kim Duclos
@KimberlyDuclos
Mar 24 2018 16:42
OK, thanks.
John
@tertiaryidentifier
Mar 24 2018 16:43
hey folks, if I receive an object from an API that looks like this:
{
{
{
{}
whoops sorry ignore that hold on
Santiago Fernandez
@sf-jd
Mar 24 2018 16:43
Lol i was just using your name @moigithub
i sliced the results for https://codepen.io/sf-jd/full/Gxvqov/ at 7 and your name came up last in the all timers
Moisés Man
@moigithub
Mar 24 2018 16:43
:O
John
@tertiaryidentifier
Mar 24 2018 16:44
essentially: I am receiving a JSON object and I don't know how to iterate through a nested object. it would be great if I could save that part as an array. I have tried doing some research but I haven't found a quick intuitive way to do this
Santiago Fernandez
@sf-jd
Mar 24 2018 16:44
(for key in keys)
Array.from(object).map()
John
@tertiaryidentifier
Mar 24 2018 16:46
okay thank you let me try that
Santiago Fernandez
@sf-jd
Mar 24 2018 16:46
:)
John
@tertiaryidentifier
Mar 24 2018 16:46
I tried for key in keys earlier but it wasn't really working
grrrrrrr
Moisés Man
@moigithub
Mar 24 2018 16:49
thats a nested object....
John
@tertiaryidentifier
Mar 24 2018 16:49
I am confused....
Moisés Man
@moigithub
Mar 24 2018 16:50
keys in keys or array.from or Object.keys
would work if ur "target" object looks like
{a: somevalue1, b: somevalue2, c: somevalue3}
a single object with many keys:value pairs
else it will give u only 1 result
John
@tertiaryidentifier
Mar 24 2018 16:50
yep, there's an object like that nested within the larger JSON object
Santiago Fernandez
@sf-jd
Mar 24 2018 16:51
does the wiki api return an object? i thoguht it returned an array of objects
Moisés Man
@moigithub
Mar 24 2018 16:51
then first u need to access that nested object
John
@tertiaryidentifier
Mar 24 2018 16:51
yes, wiki api returns an object, and yes I am accessing that nested object
Santiago Fernandez
@sf-jd
Mar 24 2018 16:51
i thought it returned an array, wtf lol
John
@tertiaryidentifier
Mar 24 2018 16:52
let me show you my call holdon
Santiago Fernandez
@sf-jd
Mar 24 2018 16:52
im opening your pen
Santiago Fernandez
@sf-jd
Mar 24 2018 16:53
btw you also need a preventDefault there
John
@tertiaryidentifier
Mar 24 2018 16:54
yeah I realized I did the button wrong, going to remove the button and preventDefault on just enter key, want to figure out results first
Santiago Fernandez
@sf-jd
Mar 24 2018 16:54
line 8, pass an e to your function and drop the e.preventDefault() else youre redirecting to a blank page
you might want to start googling for the fix on index.html:1 Failed to load https://en.wikipedia.org/w/api.php?format=json&action=query&generator=search&gsrnamespace=0&gsrlimit=10&prop=pageimages|extracts&pilimit=max&exintro&explaintext&exsentences=1&exlimit=max&gsrsearch=test&callback=JSON_CALLBACK: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://s.codepen.io' is therefore not allowed access.
John
@tertiaryidentifier
Mar 24 2018 16:55
where did you see that error?
Santiago Fernandez
@sf-jd
Mar 24 2018 16:56
console
dev tools, not the codepen console.
just hit f12 if youre on chrome
John
@tertiaryidentifier
Mar 24 2018 16:57
cool thanks
Santiago Fernandez
@sf-jd
Mar 24 2018 16:57
tst.png
John
@tertiaryidentifier
Mar 24 2018 16:58
do you think adding jsonp as an argument would solve that problem?
Moisés Man
@moigithub
Mar 24 2018 16:58
wiki api have a origin parameter u can use to allow CORS request
add &origin=*
CamperBot
@camperbot
Mar 24 2018 16:58

freeCodeCamp Wiki:

:point_right: The freeCodeCamp wiki can be found on our forum.
Please follow the link and search there.
John
@tertiaryidentifier
Mar 24 2018 16:59
adding jsonp solved the problem
Santiago Fernandez
@sf-jd
Mar 24 2018 16:59
yup
John
@tertiaryidentifier
Mar 24 2018 17:00
i'm going to take a break ... be back later lol. thanks for the help
Santiago Fernandez
@sf-jd
Mar 24 2018 17:02
brain.js looks really nice
Moisés Man
@moigithub
Mar 24 2018 17:03
jquery "transform" data when u pass a data type, soo no need to parse urself
u can check by using typeof data <-- its already an object
pragya1248
@pragya1248
Mar 24 2018 17:51
hey!
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 17:51
@pragya1248 Hello :wave:
pragya1248
@pragya1248
Mar 24 2018 17:52
any suggestion to make my homepage more attractive? https://codepen.io/pragyapriya/pen/pLrZxm?editors=1100
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 17:53
@pragya1248 A lot. Find a template and try to copy it :)
pragya1248
@pragya1248
Mar 24 2018 17:54
what's wrong in this?
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 17:55
image.png
Is this really what it's supposed to look like? @pragya1248
pragya1248
@pragya1248
Mar 24 2018 17:56
i don't know..i m very new to this
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 17:56
@pragya1248 Are you following the FCC curriculum?
pragya1248
@pragya1248
Mar 24 2018 17:57
no
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 17:57
@pragya1248 How are you learning?
pragya1248
@pragya1248
Mar 24 2018 17:58
codeacademy
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 17:59
@pragya1248 With a pro account?
pragya1248
@pragya1248
Mar 24 2018 18:00
no
normally
why what's wrong?
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 18:04
@pragya1248 Maybe ur not learning in depth enough
pragya1248
@pragya1248
Mar 24 2018 18:05
ok can you suggest me some good site?@MuhammedKarim
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 18:05
@pragya1248 https://teamtreehouse.com/home I use this one, seems like the best so far
pragya1248
@pragya1248
Mar 24 2018 18:06
ok thanks @MuhammedKarim
CamperBot
@camperbot
Mar 24 2018 18:06
pragya1248 sends brownie points to @muhammedkarim :sparkles: :thumbsup: :sparkles:
:cookie: 230 | @muhammedkarim |http://www.freecodecamp.org/muhammedkarim
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 18:07
@pragya1248 It is a paid website, but i believe it is a very worthy investment
pragya1248
@pragya1248
Mar 24 2018 18:07
ok
can you also tell me why i m not getting the background image in my div class named First. https://codepen.io/pragyapriya/pen/NydGmZ?editors=1100
LydaTech
@lydatech
Mar 24 2018 18:22
@pragya1248 you have a messed up declaration in your css
remove this url("https://wallpaperscraft.com/image/robot_bw_hand_blue_30930_1920x1080.jpg");
@pragya1248 towards the end
coderNewby
@coderNewby
Mar 24 2018 18:33
@DarrenfJ starting jQuery, thanks for all your help
CamperBot
@camperbot
Mar 24 2018 18:33
codernewby sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 2436 | @darrenfj |http://www.freecodecamp.org/darrenfj
DarkxPunk
@DarkxPunk
Mar 24 2018 20:38
Hello Community, how yall doing today?
Brad
@bradtaniguchi
Mar 24 2018 20:42
@DarkxPunk hello good and yourself?
Dardan Demiri
@dardandmr
Mar 24 2018 20:44
Hello all you have any suggestions for my Simon Game
https://codepen.io/dardandmr/full/WzOjbO/
DarkxPunk
@DarkxPunk
Mar 24 2018 20:51
@bradtaniguchi I am swell. Did I show you yet my successful tab system using target?
Brad
@bradtaniguchi
Mar 24 2018 20:52
I think I saw the link you posted yesterday but didn't click on it haha
Matej Bošnjak
@mbosnjak01
Mar 24 2018 21:28
sus
what happened to freecodecamp general chat
?
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 21:29
I thought i just got banned
Matej Bošnjak
@mbosnjak01
Mar 24 2018 21:29
would be funny
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 21:29
damn u :laughing:
Matej Bošnjak
@mbosnjak01
Mar 24 2018 21:29
i got kicked out as well
so .. not sure what happened
XD
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 21:30
did the main chat just get deleted?
no, it's not even there anymore
Matej Bošnjak
@mbosnjak01
Mar 24 2018 21:30
yeah i searched
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 21:30
image.png
Matej Bošnjak
@mbosnjak01
Mar 24 2018 21:30
yeah
i did authorise
nothing happened
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 21:31
same
image.png
now its just this
Matej Bošnjak
@mbosnjak01
Mar 24 2018 21:31
yeah XD
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 21:31
Is it just for us or same for everyone??
Matej Bošnjak
@mbosnjak01
Mar 24 2018 21:31
i have no idea
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 21:33
us two were just banned??
what did we do?
Matej Bošnjak
@mbosnjak01
Mar 24 2018 21:33
we were?
Ghost
@ghost~5a4a80acd73408ce4f859755
Mar 24 2018 21:34
yes, for disrespecting
Ken Reycruz - The Pig 🐷
@KenReycruz_twitter
Mar 24 2018 21:35
Ok
Liam Docherty
@ldocherty1
Mar 24 2018 21:36

Why is my navbar text not on the same line for the navbar brand and the <li> text? How can I make it on the same line?

In addition, the position of my navbar when it collapses the 3lines isn't to the right of the screen, how can I make it be positioned on the far right for on mobile views?

 <!-- Navigation bar -->
    <nav class="navbar scrolled-nav navbar-expand-md fixed-top navbar-dark bg-dark">
        <a class="navbar-brand" href="#">Front End Web Developer</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar7">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="navbar-collapse collapse justify-content-stretch" id="navbar7">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item active"> <a class="nav-link" href="#home">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link active" href="#features-icons">Expectations</a>
                </li>
                <li class="nav-item active"> <a class="nav-link" href="#testimonials">Testimonials</a>
                </li>
                <li class="nav-item"> <a class="nav-link" href="#about">About</a>
                </li>
                <li class="nav-item"> <a class="nav-link" href="#portfolio">Portfolio</a>
                </li>
                <li class="nav-item"> <a class="nav-link" href="#about">Design</a>
                </li>
                <li class="nav-item"> <a class="nav-link" href="#contact">Contact</a>
                </li>
            </ul>
        </div>
    </nav>

CSS

.navbar {
    border-bottom: 0.04rem solid #111;
    background-color: ;
    display: none;
}

nav ul li a {
    color: rgb(65, 47, 47);
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
    text-transform: uppercase;
}

nav ul li a:hover {
    text-decoration: underline;
    color: #000;
}

.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

JS

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


    $(document).on("scroll", function() {
        const features_top = $(".features-icons").position().top;
        const top_of_window = $(window).scrollTop();

        if (top_of_window >= features_top) {
            $(".navbar").show();
        } else {
            $(".navbar").hide();
        }
    });
});
Ken Reycruz - The Pig 🐷
@KenReycruz_twitter
Mar 24 2018 21:38
We all got it
Prob externally i think
Brad
@bradtaniguchi
Mar 24 2018 21:38
@ldocherty1 You got a codepen for this? Might be easier for people to help if they can interact with the problem. (Rather than just seeing the code)
Ken Reycruz - The Pig 🐷
@KenReycruz_twitter
Mar 24 2018 21:38
Gosh
Yes codepen plz
Liam Docherty
@ldocherty1
Mar 24 2018 21:39
Sorry, here is my GitHub link https://github.com/ldocherty1/Unit28_Assignment1
Ken Reycruz - The Pig 🐷
@KenReycruz_twitter
Mar 24 2018 21:39
Ok solved it
Liam Docherty
@ldocherty1
Mar 24 2018 21:42
@KenReycruz_twitter What have you found that can resolve my two issues? Thanks for the response and also @bradtaniguchi
CamperBot
@camperbot
Mar 24 2018 21:42
ldocherty1 sends brownie points to @kenreycruz_twitter and @bradtaniguchi :sparkles: :thumbsup: :sparkles:
api offline
:cookie: 429 | @bradtaniguchi |http://www.freecodecamp.org/bradtaniguchi
Liam Docherty
@ldocherty1
Mar 24 2018 21:56
Did you manage to find a solution? @KenReycruz_twitter