Files
freeCodeCamp/server/views/partials/navbar.jade
T
Berkeley Martinez f4443e16dd feat(nav): make navbar static (#13673)
* feat(nav): make navbar static

make the navbar in react layout and the static layout stick to the top of the screen

* feat(challenges): Make classic view flex

Classic view now uses flex to control it's height. This was necessary to control view and allow
navbar to be static on other pages.

This breaks mobile view and other non-classic challenge views

* feat(app): Add logic to make screen expand on tablet

* fix(app): let routes define their content structure

* fix(less): use American spelling of gray

* fix(classic-preview): make preview smaller to prevent scroll

* feat(classic-frame): Make frame border less distinct

* fix(challenges): scope test suite less to challenges

* feat(challenges): make generic ChallengeTitle component
2017-03-13 18:17:07 -05:00

40 lines
2.0 KiB
Plaintext

nav.navbar.navbar-default.navbar-static-top.nav-height
.navbar-header
button.hamburger.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
.col-xs-12
span.hamburger-text Menu
a.navbar-brand(href='/challenges/current-challenge')
img.img-responsive.nav-logo(src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg', alt='learn to code javascript at freeCodeCamp logo')
.collapse.navbar-collapse
ul.nav.navbar-nav.navbar-right.hamburger-dropdown
li.dropdown
a.dropdown-toggle(data-toggle='dropdown' role='button' href='#' aria-haspopup='true') Community
ul.dropdown-menu
li
a(href='https://gitter.im/freecodecamp/home' target='_blank') Chat
li
a(href='https://forum.freecodecamp.com', target='_blank') Forum
li
a(href='https://medium.freecodecamp.com', target='_blank') Medium
li
a(href='https://youtube.com/freecodecamp', target='_blank') YouTube
li
a(href='https://forum.freecodecamp.com/t/free-code-camp-city-based-local-groups/19574', target='_blank') In your city
li
a(href='/about') About
li
a(href='/map') Map
li
a(href='/shop') Shop
if !user
li
a(href='/signup') Sign Up
else
li.avatar-points
a(href='/settings')
span.brownie-points-nav
span.hidden-md.hidden-lg #{user.username}
span.brownie-points [ #{user.points} ]
span.hidden-xs.hidden-sm.avatar
img.profile-picture.float-right(src='#{user.picture}')