`, and ``.\n@font-family-monospace: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n@font-family-base: @font-family-sans-serif;\n\n@font-size-base: 14px;\n@font-size-large: ceil((@font-size-base * 1.25)); // ~18px\n@font-size-small: ceil((@font-size-base * 0.85)); // ~12px\n\n@font-size-h1: floor((@font-size-base * 2.6)); // ~36px\n@font-size-h2: floor((@font-size-base * 2.15)); // ~30px\n@font-size-h3: ceil((@font-size-base * 1.7)); // ~24px\n@font-size-h4: ceil((@font-size-base * 1.25)); // ~18px\n@font-size-h5: @font-size-base;\n@font-size-h6: ceil((@font-size-base * 0.85)); // ~12px\n\n//** Unit-less `line-height` for use in components like buttons.\n@line-height-base: 1.428571429; // 20/14\n//** Computed \"line-height\" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.\n@line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px\n\n//** By default, this inherits from the ``.\n@headings-font-family: inherit;\n@headings-font-weight: 500;\n@headings-line-height: 1.1;\n@headings-color: inherit;\n\n\n//== Iconography\n//\n//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.\n\n//** Load fonts from this directory.\n@icon-font-path: \"../fonts/\";\n//** File name for all font files.\n@icon-font-name: \"glyphicons-halflings-regular\";\n//** Element ID within SVG icon file.\n@icon-font-svg-id: \"glyphicons_halflingsregular\";\n\n\n//== Components\n//\n//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).\n\n@padding-base-vertical: 6px;\n@padding-base-horizontal: 12px;\n\n@padding-large-vertical: 10px;\n@padding-large-horizontal: 16px;\n\n@padding-small-vertical: 5px;\n@padding-small-horizontal: 10px;\n\n@padding-xs-vertical: 1px;\n@padding-xs-horizontal: 5px;\n\n@line-height-large: 1.33;\n@line-height-small: 1.5;\n\n@border-radius-base: 4px;\n@border-radius-large: 6px;\n@border-radius-small: 3px;\n\n//** Global color for active items (e.g., navs or dropdowns).\n@component-active-color: @gray-lighter;\n//** Global background color for active items (e.g., navs or dropdowns).\n@component-active-bg: @brand-primary;\n\n//** Width of the `border` for generating carets that indicator dropdowns.\n@caret-width-base: 4px;\n//** Carets increase slightly in size for larger components.\n@caret-width-large: 5px;\n\n\n//== Tables\n//\n//## Customizes the `.table` component with basic values, each used across all table variations.\n\n//** Padding for ``s and ` `s.\n@table-cell-padding: 8px;\n//** Padding for cells in `.table-condensed`.\n@table-condensed-cell-padding: 5px;\n\n//** Default background color used for all tables.\n@table-bg: transparent;\n//** Background color used for `.table-striped`.\n@table-bg-accent: #f9f9f9;\n//** Background color used for `.table-hover`.\n@table-bg-hover: #f5f5f5;\n@table-bg-active: @table-bg-hover;\n\n//** Border color for table and cell borders.\n@table-border-color: #ddd;\n\n\n//== Buttons\n//\n//## For each of Bootstrap's buttons, define text, background and border color.\n\n@btn-font-weight: normal;\n\n@btn-default-color: #000000;\n@btn-default-bg: @body-bg;\n@btn-default-border: #000000;\n\n@btn-primary-color: @brand-primary;\n@btn-primary-bg: @brand-primary;\n@btn-primary-border: darken(@btn-primary-bg, 5%);\n\n@btn-success-color: @brand-success;\n@btn-success-bg: @brand-success;\n@btn-success-border: darken(@btn-success-bg, 5%);\n\n@btn-info-color: @brand-info;\n@btn-info-bg: @brand-info;\n@btn-info-border: darken(@btn-info-bg, 5%);\n\n@btn-warning-color: @brand-warning;\n@btn-warning-bg: @brand-warning;\n@btn-warning-border: darken(@btn-warning-bg, 5%);\n\n@btn-danger-color: @brand-danger;\n@btn-danger-bg: @brand-danger;\n@btn-danger-border: darken(@btn-danger-bg, 5%);\n\n@btn-link-disabled-color: @gray-light;\n\n\n//== Forms\n//\n//##\n\n//** `' +\n '' +\n roomTitle +\n ' ' +\n '
'\n );\n }\n\n if (shouldButtonBePressed) {\n return $(helpChatBtnClass).addClass('active');\n }\n return $(helpChatBtnClass).removeClass('active');\n });\n };\n\n $('body').append(\n ''\n );\n\n main.chat.mainChat = new main.chat.GitterChat({\n room: 'freecodecamp/chinese',\n activationElement: false,\n targetElement: $('#chat-embed-main')\n });\n\n var mainChatTitleAdded = false;\n $('#chat-embed-main').on('gitter-chat-toggle', function() {\n if (mainChatTitleAdded) {\n return null;\n }\n mainChatTitleAdded = true;\n\n $('#chat-embed-main > .gitter-chat-embed-action-bar').prepend(\n '' +\n 'Free Code Camp\\'s Main Chat ' +\n '
'\n );\n return null;\n });\n\n\n $('#nav-chat-btn').on('click', toggleMainChat);\n\n function showMainChat() {\n if (!main.chat.isOpen) {\n main.chat.mainChat.toggleChat(true);\n }\n }\n\n function collapseMainChat() {\n $('#chat-embed-main').addClass('is-collapsed');\n document.activeElement.blur();\n }\n\n function toggleMainChat() {\n var isCollapsed = $('#chat-embed-main').hasClass('is-collapsed');\n\n if (isCollapsed) {\n showMainChat();\n } else {\n collapseMainChat();\n }\n }\n\n // keyboard shortcuts: open main chat\n Mousetrap.bind('g c', toggleMainChat);\n });\n\n return main;\n}(main, window));\n\nvar lastCompleted = typeof lastCompleted !== 'undefined' ?\n lastCompleted :\n '';\n\nmain.getMapShares = function getMapShares() {\n var alreadyShared = JSON.parse(\n localStorage.getItem(main.mapShareKey) ||\n '[]'\n );\n\n if (!alreadyShared || !Array.isArray(alreadyShared)) {\n localStorage.setItem(main.mapShareKey, JSON.stringify([]));\n alreadyShared = [];\n }\n return alreadyShared;\n};\n\nmain.setMapShare = function setMapShare(id) {\n var alreadyShared = main.getMapShares();\n var found = false;\n alreadyShared.forEach(function(_id) {\n if (_id === id) {\n found = true;\n }\n });\n if (!found) {\n alreadyShared.push(id);\n }\n localStorage.setItem(main.mapShareKey, JSON.stringify(alreadyShared));\n return alreadyShared;\n};\n\n$(document).ready(function() {\n\n var CSRF_HEADER = 'X-CSRF-Token';\n\n var setCSRFToken = function(securityToken) {\n jQuery.ajaxPrefilter(function(options, _, xhr) {\n if (!xhr.crossDomain) {\n xhr.setRequestHeader(CSRF_HEADER, securityToken);\n }\n });\n };\n\n setCSRFToken($('meta[name=\"csrf-token\"]').attr('content'));\n\n $('img').error(function() {\n $(this)\n .unbind('error')\n .attr(\n 'src',\n '/images/camper-image-placeholder.png'\n );\n });\n\n function upvoteHandler(e) {\n e.preventDefault();\n var upvoteBtn = this;\n var id = upvoteBtn.id;\n var upVotes = $(upvoteBtn).data().upVotes;\n var username = typeof username !== 'undefined' ? username : '';\n var alreadyUpvoted = false;\n for (var i = 0; i < upVotes.length; i++) {\n if (upVotes[i].upVotedBy === username) {\n alreadyUpvoted = true;\n break;\n }\n }\n if (!alreadyUpvoted) {\n $.post('/stories/upvote', { id: id })\n .fail(function() {\n $(upvoteBtn).bind('click', upvoteHandler);\n })\n .done(function(data) {\n $(upvoteBtn)\n .text('Upvoted!')\n .addClass('disabled');\n\n $('#storyRank').text(data.rank + ' points');\n });\n }\n }\n\n $('#story-list').on('click', 'button.btn-upvote', upvoteHandler);\n\n var storySubmitButtonHandler = function storySubmitButtonHandler() {\n\n if (!$('#story-submission-form')[0].checkValidity()) {\n return null;\n }\n\n var link = $('#story-url').val();\n var headline = $('#story-title').val();\n var description = $('#description-box').val();\n var data = {\n data: {\n link: link,\n headline: headline,\n timePosted: Date.now(),\n description: description,\n storyMetaDescription: main.storyMetaDescription,\n rank: 1,\n image: main.storyImage\n }\n };\n\n $('#story-submit').unbind('click');\n return $.post('/stories/', data)\n .fail(function() {\n $('#story-submit').bind('click', storySubmitButtonHandler);\n })\n .done(function({ storyLink, isBanned }) {\n if (isBanned) {\n window.location = '/news';\n return null;\n }\n window.location = '/stories/' + storyLink;\n return null;\n });\n };\n\n $('#story-submit').on('click', storySubmitButtonHandler);\n\n\n // map sharing\n var alreadyShared = main.getMapShares();\n\n if (lastCompleted && alreadyShared.indexOf(lastCompleted) === -1) {\n $('div[id=\"' + lastCompleted + '\"]')\n .parent()\n .parent()\n .removeClass('hidden');\n }\n\n // on map view\n $('.map-challenge-block-share').on('click', function(e) {\n e.preventDefault();\n var challengeBlockName = $(this).children().attr('id');\n var challengeBlockEscapedName = challengeBlockName.replace(/\\s/, '%20');\n var username = typeof window.username !== 'undefined' ?\n window.username :\n '';\n\n var link = 'https://www.facebook.com/dialog/feed?' +\n 'app_id=1644598365767721' +\n '&display=page&' +\n 'caption=I%20just%20completed%20the%20' +\n challengeBlockEscapedName +\n '%20section%20on%20Free%20Code%20Camp%2E' +\n '&link=http%3A%2F%2Ffreecodecamp%2Ecom%2F' +\n username +\n '&redirect_uri=http%3A%2F%2Ffreecodecamp%2Ecom%2Fmap';\n\n main.setMapShare(challengeBlockName);\n window.ga('send', 'event', 'FB_LINK', 'SHARE', 'Facebook map share');\n window.location.href = link;\n });\n\n function expandCaret(item) {\n $(item)\n .prev().find('.fa-caret-right')\n .removeClass('fa-caret-right').addClass('fa-caret-down');\n }\n\n function collapseCaret(item) {\n $(item)\n .prev().find('.fa-caret-down')\n .removeClass('fa-caret-down').addClass('fa-caret-right');\n }\n\n function expandBlock(item) {\n $(item).addClass('in').css('height', 'auto');\n expandCaret(item);\n }\n\n function collapseBlock(item) {\n $(item).removeClass('in').css('height', 'auto');\n collapseCaret(item);\n }\n\n $.each($('.sr-only'), function(i, span) {\n if ($(span).text() === ' Complete') {\n $(span).parents('p').addClass('manip-hidden');\n }\n });\n\n $.each($('.map-collapse'), function(i, div) {\n if ($(div).find('.manip-hidden').length ===\n $(div).find('p').length) {\n collapseBlock(div);\n $(div).prev('h3').addClass('faded');\n $(div).prev('h2').addClass('faded');\n }\n });\n\n var scrollTo, dashedName = localStorage.getItem('currentDashedName'),\n elemsToSearch = $('p.padded-ionic-icon a'), currOrLastChallenge;\n if (!dashedName && $('.sr-only').length) {\n elemsToSearch = $('.sr-only');\n }\n\n currOrLastChallenge = elemsToSearch.filter(function() {\n if (dashedName) {\n return $(this).attr('href').match(dashedName);\n }\n return $(this).text() === ' Complete';\n });\n\n if (currOrLastChallenge.length) {\n currOrLastChallenge = currOrLastChallenge[currOrLastChallenge.length - 1];\n scrollTo = $(currOrLastChallenge).offset().top - 380;\n $('html, body, .map-accordion').scrollTop(scrollTo);\n }\n\n if (String(window.location).match(/\\/map$/ig)) {\n $('body>.flashMessage').find('.alert').css('display', 'none');\n $('.map-fixed-header').css('top', '50px');\n }\n\n // map global selectors\n var mapFilter = $('#map-filter');\n var mapShowAll = $('#showAll');\n\n $('#nav-map-btn').on('click', toggleMap);\n\n $('.map-aside-action-collapse').on('click', collapseMap);\n\n function showMap() {\n if (!main.isMapAsideLoad) {\n var mapAside = $(' ![\"知识共享许可协议\"](\"https://i.creativecommons.org/l/by-nc/4.0/80x15.png\")