FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

habibaatify

@habibatify_twitter

https://files.gitter.im/FreeCodeCamp/HelpFrontEnd/fd1b/Capture.PNG

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

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

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

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?

It is the video of the first project

Tiago Correia

@tiagocorreiaalmeida

can you open youtube?

YuanLai

@AUROCHSY

yes

And the speed is not bad

Tiago Correia

@tiagocorreiaalmeida

https://www.youtube.com/watch?v=qqrnzmqCGDw

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

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

Dardan Demiri

@dardandmr

https://dardandemiri.github.io/testing-react/

First react Page :O

Where communities thrive

People

Repo info

Activity