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
Pagnito
@Pagnito
hold on
We couldn't find a page for /%7Bleader.username%7D
Gulsvi
@gulsvi
that defeinitely means it doesn't see the varialbe - sees it all as text
CuttureSync
@culturesync
I'm not sure if any of you know about Off-Canvas CSS and JS but I've run into a bit of trouble :worried: in getting the code to work and was wondering if anyone would like to help debug :computer: it and maybe help explain to me why I got it all wrong... Thanks for your :clock1: time :)
https://codepen.io/culturesync/pen/VzXZGE
Gulsvi
@gulsvi
Aha, so it would be:
{`"https://freecodecamp.org/${leader.username}"`}
I cannot get formatting down lol
Long Nguyen
@longnt80
@culturesync what is Off-Canvas CSS?
CuttureSync
@culturesync
I meant to say off canvas in CSS for styling purposes.... @longnt80
It's the sames thing as having an Off-Canvas Nav/Menu
Off-Canvas usually means that an 'item' or 'element' is off the dom or body of the page
Long Nguyen
@longnt80
@culturesync what is the off-canvas element in the pen?
CuttureSync
@culturesync
of course until told to... usually by a click or toggle... to come into view
@longnt80 the off canvas element in the pen is the .content
Long Nguyen
@longnt80
@culturesync so it is like a slider with what you're trying to do
Burak
@BurakAy
@culturesync you have an href with a value of some class name in your nav menu
CuttureSync
@culturesync

yeah kinda like a slider here is the pen that I am trying to deconstruct ( a.k.a reverse engineer) for my purposes

https://codepen.io/culturesync/pen/JyLZjE

Burak
@BurakAy
i don't know what is off-canvas though
so that might just be part of it
CuttureSync
@culturesync
The only difference is I want my Navigation (which in my pen is in my header) to stay on the main body of the page.... while the . content changes like a slider
@BurakAy thank you for your input
CamperBot
@camperbot
culturesync sends brownie points to @burakay :sparkles: :thumbsup: :sparkles:
:cookie: 316 | @burakay |http://www.freecodecamp.com/burakay
Burak
@BurakAy
So a fixed nav and the content below it slides into view?
Long Nguyen
@longnt80
@culturesync sorry, I want to help you with this but I have to go in a few minutes
be back in an hour, though
if you haven't figured it out, then I'll try
CuttureSync
@culturesync
@BurakAy yeah
Burak
@BurakAy
I actually built a site similar to that
CuttureSync
@culturesync
@longnt80 thank you and good luck
CamperBot
@camperbot
culturesync sends brownie points to @longnt80 :sparkles: :thumbsup: :sparkles:
:cookie: 523 | @longnt80 |http://www.freecodecamp.com/longnt80
CuttureSync
@culturesync
@BurakAy thank you
CamperBot
@camperbot
culturesync sends brownie points to @burakay :sparkles: :thumbsup: :sparkles:
:warning: culturesync already gave burakay points
CuttureSync
@culturesync
@BurakAy You site that you just linked me to is WAY closer to anything I've seen... for what I'm looking for
Burak
@BurakAy
is the slider working on the site i linked to?
i just noticed
CuttureSync
@culturesync
When I click on the nav items they jump rather than slide, but I can picture them sliding in and out
Burak
@BurakAy
i updated it about a week ago, must have messed something up
they normally slide into view
CuttureSync
@culturesync
sorry, my keyboard is messing up ... I keep having to retype
@BurakAy How did you do it?
Burak
@BurakAy
i'll take a look right now
Pagnito
@Pagnito
@longnt80 thanks
CamperBot
@camperbot
pagnito sends brownie points to @longnt80 :sparkles: :thumbsup: :sparkles:
:cookie: 524 | @longnt80 |http://www.freecodecamp.com/longnt80
Pagnito
@Pagnito
@SkyC0der yea that didnt seem to work eithr tho
CuttureSync
@culturesync
The code I am reverse engineering and then tweaking is from an off canvas nav pen made by someone else. I figured If I played around with it I could tailor it to what I am looking for.
I made some comments in the pen code to help explain the areas that are glitching... I hope that helps
Gulsvi
@gulsvi
@Pagnito Put it in codepen