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
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
rk
@rajkumart08_twitter

hi,

  • I am new to kendo ui
  • I am trying to display a text box on the first column heading.
  • In the place of checkboxDisplay heading I need to replace with a text box.
  • can you tell me how to fix it.
  • providing my code below.

http://jsfiddle.net/on7zbd43/

```


    columns: [{
        field: "checkboxDisplay",
        title: "checkboxDisplay",

        template: "# if ('new' =='new') { # <input id = 'checkIDGrid' type='checkbox' checked=true class=''> # }else{# <span class='oldEventArrow'></span> #} #"


      },
```
rk
@rajkumart08_twitter

Hi,

  • I am learning angular2.
  • during the initial page loads I need to change the add/edit prefrence color.
  • can you tell me how to fix it.
  • I googled for the load event..
  • but I am not able to find out anything.
  • providing my code below.

https://stackblitz.com/edit/angular-zddcxy?file=app/app.component.html

 public loadColor() {
      console.log('this.changeColor--->');
  }
    <span id="open1" (click)="loadColor()">add/edit prefrence</span>
Liam Docherty
@liamdocherty

@toianw It was meant to be like that as it is meant to be hidden on section one. I found out what the issue was, it was to do with the following

<script src="js/smooth-scroll-master/dist/js/smooth-scroll.js"></script>
<script src="js/javascript.js"></script>

Thanks for the help anyway :)

CamperBot
@camperbot
liamdocherty sends brownie points to @toianw :sparkles: :thumbsup: :sparkles:
:cookie: 513 | @toianw |http://www.freecodecamp.org/toianw
Ehsan Shadmehri
@ehsansh

hi, what is the problem with my code:

const {User} = require('../models')

module.exports = {
    async register(req,res){
        try{
            const user = await User.create(req.body)
            res.send(user.toJSON())
        }catch (err){
            res.status(400).send({
                error:'This email is already in use'
            })
        }
    }
}

It gives an error for register function. Unexpected identifier.

Ehsan Shadmehri
@ehsansh
My node version is 6.9.2 . it seems it is because of the node version. How could I update node on windows?
Nazar
@IsaakNazar
@ehsansh download and install
the easiest single way
Kaz Baig
@kbaig
@ehsansh async await is supported by 7.10.1 and above
Zebralight
@zebralight
hello. I was wondering how I can configure an element such that its height isn't resized based on its child element:https://jsfiddle.net/3xthm5ss/1/
Kaz Baig
@kbaig
@zebralight You could assign it a fixed height
Zebralight
@zebralight
@kbaig thanks!
CamperBot
@camperbot
zebralight sends brownie points to @kbaig :sparkles: :thumbsup: :sparkles:
:cookie: 585 | @kbaig |http://www.freecodecamp.org/kbaig
Ehsan Shadmehri
@ehsansh
@IsaakNazar @kbaig Thanks
CamperBot
@camperbot
ehsansh sends brownie points to @isaaknazar and @kbaig :sparkles: :thumbsup: :sparkles:
:cookie: 586 | @kbaig |http://www.freecodecamp.org/kbaig
:cookie: 323 | @isaaknazar |http://www.freecodecamp.org/isaaknazar
Kaz Baig
@kbaig
@ehsansh fyi http://node.green/
Onome Sotu
@onomesotu
Hey guys, I am working on this exact exchange on advanced algorithm scripting
When I reduce the cid array to get the cash in drawer, it doesnt round up the significant figures accurately
for example, 1.01 + 2.05 returns 3.05999999996 instead of just 3.06
can someone explain this?
please?
Ken Haduch
@khaduch
@onomesotu - I would recommend converting your values to whole integer units, that would be cents (pennies) in this case, and doing all the calculations without any possibility of floating point interferences...
Aditya
@ezioda004
@onomesotu Thats because of something called floating point arithmetic. Since computers only understand 0's and 1's (base 2) it's hard for them to compute any decimals which arent in that base. Example for us (base 10) to write 1/3 we have to do 0.33333333 recurring digits and computers dont understand recurring digits either.
rk
@rajkumart08_twitter
  • if I move text three before the input tag the check box is not disaappearing when I click third time.
  • but when I keep text three after input tag it works fine.
  • can you tell me how to fix it.
  • providing my code below
https://stackblitz.com/edit/angular-w6tqvn?file=app/app.component.html

<label [ngClass]="{'is-multiple-of-3':multipleOf3}">
    <span  id="redSquare"></span>
three
<input type="checkbox" name="rememberLogin" id="buttonId"  (click)="open()"> 
</label>
Onome Sotu
@onomesotu
@khaduch @ezioda004 thanks guys.. I am just reading up on it
CamperBot
@camperbot
onomesotu sends brownie points to @khaduch and @ezioda004 :sparkles: :thumbsup: :sparkles:
:cookie: 521 | @ezioda004 |http://www.freecodecamp.org/ezioda004
:star2: 3843 | @khaduch |http://www.freecodecamp.org/khaduch
Brad
@bradtaniguchi
@rajkumart08_twitter I don't understand the issue you are facing from just the demo