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
that is code
abraham anak agung
@padunk
@habibatify_twitter as i remember, you need\SecondLine\, so you missed couple of \\
habibaatify
@habibatify_twitter
thanks
Liam Docherty
@liamdocherty

@khaduch Hi, I'm still having trouble.

hosted my site homepage displays like this
https://ibb.co/gbgbEn

When hosted on git pages it looks like this
https://ibb.co/eWsiun

https://github.com/liamdocherty/liamdocherty.github.io

Could it have something to do with these console errors? I have no idea how to fix them though.

liamdocherty.github.io/:108 Mixed Content: The page at 'https://liamdocherty.github.io/' was loaded over HTTPS, but requested an insecure image 'http://www.coolhdwallpapers.net/gallery/adidas-logo-black-background-wallpaper.jpg'. This content should also be served over HTTPS.
liamdocherty.github.io/:113 Mixed Content: The page at 'https://liamdocherty.github.io/' was loaded over HTTPS, but requested an insecure image 'http://www.gsfdcy.com/data/img/67/1913982-polo-wallpaper.jpg'. This content should also be served over HTTPS.
liamdocherty.github.io/:14 GET https://liamdocherty.github.io/css/animate.css net::ERR_ABORTED
liamdocherty.github.io/:15 GET https://liamdocherty.github.io/bower_components/Morphext/dist/morphext.css net::ERR_ABORTED
liamdocherty.github.io/:20 GET https://liamdocherty.github.io/CSS/design.css net::ERR_ABORTED
liamdocherty.github.io/:21 GET https://liamdocherty.github.io/CSS/media_queries.css net::ERR_ABORTED
liamdocherty.github.io/:224 GET https://liamdocherty.github.io/JS/smooth-scroll-master/dist/js/smooth-scroll.js net::ERR_ABORTED
liamdocherty.github.io/:226 GET https://liamdocherty.github.io/JS/javascript.js net::ERR_ABORTED
(index):224 GET https://liamdocherty.github.io/JS/smooth-scroll-master/dist/js/smooth-scroll.js net::ERR_ABORTED
Sorin Ruse
@sorinr
@liamdocherty changing <link href="CSS/design.css" rel="stylesheet"> into <link href="css/design.css" rel="stylesheet"> solves your links problem. same for media_quries.css file
Sorin Ruse
@sorinr
@liamdocherty just take care of the url's case sensitivity :)
Liam Docherty
@liamdocherty
@sorinr What a silly error on my part sorry. Thanks 2 both of you @sorinr @khaduch
CamperBot
@camperbot
liamdocherty sends brownie points to @sorinr and @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1412 | @sorinr |http://www.freecodecamp.org/sorinr
:star2: 3842 | @khaduch |http://www.freecodecamp.org/khaduch
Sorin Ruse
@sorinr
@liamdocherty :+1:
habibaatify
@habibatify_twitter
Capture.PNG
what is wrogn?
wrong?
Stephen James
@sjames1958gm
@habibatify_twitter I imagine that the test is expecting you to assign the result of .pop to the variable.
It ends up being the same but some of the test checking is fairly specific
habibaatify
@habibatify_twitter
no
it not working
Dmytro Holysh
@dmk1111
@habibatify_twitter just try to refresh the page & run tests again
Stephen James
@sjames1958gm
Like this?
// Only change code below this line.
var removedFromMyArray = myArray.pop();
habibaatify
@habibatify_twitter
i did not working
thanks @sjames1958gm
CamperBot
@camperbot
habibatify_twitter sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 9158 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
tundeiness
@tundeiness
any help with this?
https://codepen.io/highness/pen/LjBZgr?editors=1111
last challenge is to move all the search result as close as possible to the search icons
class container holds the search output and the wrap class. So what I did was to animate the wrap class so that it will go to the top of the container anytime i press the search icon. but the challenge right now is how to move the result closer to the top like the wrap class. Any heads up?
Tiago Correia
@tiagocorreiaalmeida
image.png
are those real statements?
YuanLai
@AUROCHSY
I can use google and youtube now,which means I successfully get through the internet firewall,but I can not still load this video...Is it important?
image.png
It is the video of the first project
Tiago Correia
@tiagocorreiaalmeida
can you open youtube?
YuanLai
@AUROCHSY
yes
image.png
image.png
And the speed is not bad
Tiago Correia
@tiagocorreiaalmeida
YuanLai
@AUROCHSY
oh,thank you very much,it is very kind of you
Tiago Correia
@tiagocorreiaalmeida
freecodecamp has all the videos around youtube so just check their chanel the next time you need a new one
YuanLai
@AUROCHSY
OK,I got it.
Quantomistro3178
@Quantomistro3178
so, the fcc weather API doesn't always give a link for the icon/image related to the weather, so is it ok as it is or....?
idk what to do. the image shows up in my weather app when the link is provided
so i know that my code works
?
Stephen James
@sjames1958gm
@Quantomistro3178 If the API sometimes doesn't give an icon, for those cases you just don't show one.
This is somewhat real world where an API isn't always correct but your code should handle that case.
Liam Docherty
@liamdocherty

Why isn't my navbar appearing on my website? I have reviewed my HTML, CSS AND JS and can't seem to identify the problem.

https://github.com/liamdocherty/liamdocherty.github.io

https://liamdocherty.github.io

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.html">Home</a>
       </li>
       <li class="nav-item active"> <a class="nav-link" href="#about.html">About</a>
       </li>
       <li class="nav-item active"> <a class="nav-link" href="#portfolio.html">Portfolio</a>
       </li>
       <li class="nav-item active"> <a class="nav-link" href="#about.html">Price</a>
       </li>
       <li class="nav-item active"> <a class="nav-link" href="#contact.html">Contact</a>
       </li>
     </ul>
   </div>
 </nav>

CSS

/*==================================
=           navbar                 =
==================================*/

.navbar {
  display: none;
  background-color: #f7f7f7;
}

nav ul li a {
  font-family: Montserrat, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #000;
}

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

.navbar-brand {
  text-transform: uppercase;
  color: #000;
}

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

.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

JS

var scroll = new SmoothScroll('a[href*="#"]');

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').css('display', 'flex') // display: flex
        } else {
            $(".navbar").hide();
        }
    });
});
Ian
@toianw
@liamdocherty Your .navbar has display: none; applied on line 126 of the design.css file
First react Page :O