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
flindip
@flindip
@jdtdesigns About JSFiddle: I'm trying to run a bit of code to test it. I plugged in JQuery but its not returning anything. Any ideas?
Hassan Algoz
@HassanAlgoz
@IndiraShrestha Press F12 and see the console for errors
JD Tadlock
@jdtdesigns
Sorin Ruse
@sorinr
@jdtdesigns I have imagined it will not work within the vue scope. As I decided to do this project just for fun using vue i'll let it unchanged. Anyaway, I give u a big thank you for your patiance and all support.
CamperBot
@camperbot
sorinr sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 540 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
JD Tadlock
@jdtdesigns
You need to add jquery under the JS tab->Javascript button->Frameworks & extensions
@flindip
faraz
@silentarrowz
hi, I need help building those round trapezoidal buttons for the simon game - am kind of stuck. please help
Gabriel Alexandre
@GabrielShaad
Hello world! Is anyone available to give me a help with a navbar?
CamperBot
@camperbot

welcome to FreeCodeCamp @GabrielShaad!

flindip
@flindip
@jdtdesigns I did
perhaps I'm not requesting the right console.log?
Sujit Karki
@Swoozeki
@IndiraShrestha I see the problem
you have jsonp as the type
make it json
IndiraShrestha
@IndiraShrestha
I thought i need to parse it
i mean use jsonp to pad it?
this is the api i am using
JD Tadlock
@jdtdesigns
@flindip right click on the bottom right box and hit inspect
faraz
@silentarrowz
@AdventureBear @jdtdesigns could you help me out a bit?? I am kinda stuck trying to make the trapezoidal buttons for the simon game
greg
@wearenotgroot
@IndiraShrestha for some reason is jsonp="a specific function name" . it doesnt see the function if it's inside the ,ready
@IndiraShrestha but if you change it to jsonp=? instead you can put it anywhere(or just use anonymous function)
$.getJSON('http://api.forismatic.com/api/1.0/?method=getQuote&format=jsonp&lang=en&Key='+ key +'&jsonp=?', function(data){console.log(data)});
flindip
@flindip
@jdtdesigns Ahh, I see it's blocked
greg
@wearenotgroot
@IndiraShrestha
$(document).ready(function(){
  var key = Math.floor(Math.random() * 10000 + 1);

  function randomGenerateQuote(data){
    var QuoteGenerated = data.quoteText;
    var QuoteAuthor = data.quoteAuthor;
    $('.quote-text').text(QuoteGenerated);
    $('.quote-author').text(QuoteAuthor);
  }

  $.getJSON('http://api.forismatic.com/api/1.0/?method=getQuote&format=jsonp&lang=en&Key='+ key +'&jsonp=?', randomGenerateQuote);

});
Suzanne Atkinson
@AdventureBear
@silentarrowz I can help with part of it!
do you have a link to your pen?
flindip
@flindip
@jdtdesigns [Warning] [blocked] The page at https://fiddle.jshell.net/_display/ was not allowed to run insecure content from http://ip-api.com/json/?callback=jQuery30004728052420541644_1466537786401&_=1466537786402. (jquery-3.0.0.js, line 9434)
@jdtdesigns Codepen console is too small to display it apparently.
@jdtdesigns thanks
CamperBot
@camperbot
flindip sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 541 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
IndiraShrestha
@IndiraShrestha
@wearenotgroot I have added your comment in my codepen
Suzanne Atkinson
@AdventureBear
@silentarrowz review this fiddle, and see if it gives you ideas for the basic shape
IndiraShrestha
@IndiraShrestha
Will definitely go over it with going over the the documentation
Gabriel Alexandre
@GabrielShaad
I want to center the navbar links. How can I do it? http://codepen.io/gabrielshaad/pen/BzLRdm?editors=1100
JD Tadlock
@jdtdesigns
@AdventureBear http://codepen.io/jdtadlock/pen/aZBZMw?editors=1100 to get you started
Suzanne Atkinson
@AdventureBear
then getting four of them to line up involves positioning
faraz
@silentarrowz
@AdventureBear well, what i have built is kind of pathetic, but here's the link - http://codepen.io/silentarrowz/pen/QEKgxW
Suzanne Atkinson
@AdventureBear
@jdtdesigns genious! Thanks.
CamperBot
@camperbot
adventurebear sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 542 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
Suzanne Atkinson
@AdventureBear
@silentarrowz what if you think about your pen as four separate quadrants instead of a circle divided by lines.
faraz
@silentarrowz
I was thinking I'd build two circles and put 4 lines, horizontal and vertical but then I'd thought putting colors on them would be tough, because those lines really dont separate the circle
@AdventureBear
Suzanne Atkinson
@AdventureBear
if you look at the link @jdtdesigns just sent me you'll see my solution so far. but try to see if you can come up with a different idea than what you're currently doing. I would start with this:
faraz
@silentarrowz
but 4 quadrants will look like quarter circle and not like the shape given
Suzanne Atkinson
@AdventureBear
<div class="base">

  <div class="top left"></div>
  <div class="top right"></div>
  <div class="bottom left"></div>
  <div class="bottom right"></div>

  </div>
JD Tadlock
@jdtdesigns
@flindip It's just due to you running jsfiddle from https. You remove the https from the url and it'll work.