Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
aenkirch
@aenkirch
https://codepen.io/aenkirch/full/VXXQOx/ Here's the CodePen link I'd like to submit, but when I click on "Submit", the page doesn't change and the challenge doesn't valide itself
Marianissimus
@Marianissimus
@aenkirch because you have code comments written in FRENCH
it's a joke, relax, it's a joke :)
NikolaNbgd
@NikolaNbgd
Hello Folks. Does anyone of you every used google scripts for html for submit? I wanna when user submit form, to receive an email user data and to get those data in my google spread sheet. I got email, but my google spread sheet is empty. Any help, advice? Thanks in advance!
aenkirch
@aenkirch
@Marianissimus Haha french rocks !
@Marianissimus But you make me realize I should by now have commented my code in english, I'm definitly going to do this from now on
Nate Mallison
@NJM8
@aenkirch I have an error about loading mixed content, http in a https page. Maybe that is it?
aenkirch
@aenkirch
I managed to do it, it was "http" instead of "https" and not "/full/" but "/pen/" that was required
Thanks mates ;)
Sorin Ruse
@sorinr
@NJM8 thats just an warning not an error
Nate Mallison
@NJM8
Yes you are right, I'm just not sure if FCC will prevent submission with errors or warnings present
Sorin Ruse
@sorinr
@aenkirch strange. codepen loads only on https. if you try to go to: http://codepen.io you will see you are redirected to https site
Nate Mallison
@NJM8
thats good!
Hey I'm looking for some advice on how to correctly debounce a $(document).on('scroll') function. I have a debounce function, I am just rotating a down arrow to be an up arrow after the user scrolls down a specific amount, the problem is after debouncing it if the user scrolls up to the top too fast the arrow doesn't rotate back.
www.natethedev.com is the site.
the arrow there now is not debounced, but I am concerned that will make it slow for some users. Of course I'm only animating one element so maybe I'm being overly concerned
kerafyrm02
@kerafyrm02
good morning ppl
anyone need help?
Liam Docherty
@ldocherty1

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?

HTML

<!-- 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();
    }
});

});

Here is all my website code, I uploaded it to GitHub

Nate Mallison
@NJM8
@ldocherty1 I believe you can add align-self-end to that element, that is one of bootstraps flex helpers, also check the size of the element in your inspector, it could be that because it is a nav-brand it makes it a certain size, in which case you need to make the element smaller
kerafyrm02
@kerafyrm02
uhm
do you have codepen
Liam Docherty
@ldocherty1
@NJM8 Ok, I'l; have a look thanks.
CamperBot
@camperbot
ldocherty1 sends brownie points to @njm8 :sparkles: :thumbsup: :sparkles:
:cookie: 373 | @njm8 |http://www.freecodecamp.org/njm8
Nate Mallison
@NJM8
@ldocherty1 Also check out the bootstrap navbar page, there should be something in there to make it move to the right not the left
Liam Docherty
@ldocherty1
kerafyrm02
@kerafyrm02
i can help you fix it instantly
just set it up on codepen
Liam Docherty
@ldocherty1
ok give me a few mins please
kerafyrm02
@kerafyrm02
sure
kerafyrm02
@kerafyrm02
Anyone else need help
im not here long.
Raghav Mundra
@Raghav17
Hi!
I want my green circle to fit on the other end of the screen. I have tried changing the code but it isn't working, can someone please help?
Nate Mallison
@NJM8
yeah, lol, why does my website show a double scroll bar if you make it narrow
natethedev.com
kerafyrm02
@kerafyrm02
how far over Raghav?
one sec nate
ok i guess he's afk
ill help you then
Where do you see the double scrollbar nate?
Raghav Mundra
@Raghav17
@kerafyrm02 At the other end, leaving a little gap.
Nate Mallison
@NJM8
@kerafyrm02 when you make the page less than 500px wide or so, just keep making it narrower it'll pop up
I think some element is forcing itself to be larger than the viewport height, but IDK which one
or how, they are all either flexable to allow it to be long or set to 100vh
kerafyrm02
@kerafyrm02
How come you're using ctx for circles Raghav?
I dont see the scrolllbar nate- are you using chrome?
Ian
@toianw
@Raghav17 You're missing a closing </canvas> tag in the html and you have a mistake in the js: var cg = document.getElementById("red"); You want to get the element with the id of green.
Nate Mallison
@NJM8
firefox
wtf, the layout is all screwed up in chrome, maybe I need to clear my cache