- <% if (hasBtsBanner) { %>
-
-
- 
+ <% if (page.path === 'index.html') { %>
+
diff --git a/themes/vue/source/css/_banners.styl b/themes/vue/source/css/_banners.styl
deleted file mode 100644
index dd23edd6cb..0000000000
--- a/themes/vue/source/css/_banners.styl
+++ /dev/null
@@ -1,135 +0,0 @@
-@import "_settings"
-$bts-banner-height = 80px
-
-body.has-bts-banner
-
- &.docs
- @media (min-width: 900px)
- padding-top: 161px
- #bts
- position: fixed
- top: 0
- width: 100%
- @media screen and (max-width: 900px)
- display: none
- #header
- top: $bts-banner-height
-
- #mobile-bar
- &.top
- .menu-button
- top: 27px
- .menu-button
- transition: top 250ms cubic-bezier(0.18, 0.89, 0.32, 1.28)
- background: url(../images/menu-bts.png) center center no-repeat
- background-size: 24px
-
- #sidebar-sponsors-platinum-right
- top: 90px + $bts-banner-height
-
- .sidebar
- @media (min-width: 900px)
- top: $header-height + $bts-banner-height
-
-#bts
- font-family "CircularStd"
- min-height: 80px
- z-index: $z-header - 1
- box-sizing: border-box
- color: #fff
- background-size: cover
- background-color: #1E204D
- background-repeat: no-repeat
- background-position: top right
- background-image: url(../images/banners/bts-mobile.svg)
- display: flex
- align-items: center
- justify-content: space-between
- padding: 0 0 0 50px
- &.bts-hidden
- display: none
- @media (min-width: 680px)
- background-image: url(../images/banners/bts-tablet.svg)
- padding: 0 10px 0 50px
- @media (min-width: 900px)
- justify-content: space-between
- padding: 0 20px 0 40px
- background-image: url(../images/banners/bts-desktop.svg)
- background-position: top right
- &:hover
- .bts-button
- background-color: #38a1f3
- @media (min-width: 1600px)
- background-position: top right
- .bts-logo
- display: none
- @media (min-width: 900px)
- display: inline-block
- .bts-main
- display: flex
- justify-content: center
- align-items: center
- flex: 1 1 0%
- .bts-backpack
- img
- display: inline-block
- height: 50px
- width: 50px
- margin-right: 10px
- @media (min-width: 680px)
- margin-right: 0
- height: 70px
- width: 70px
- .bts-slogan
- @media (min-width: 680px)
- padding-left: 20px
- padding-left: 12px
- padding-right: 10px
- @media (min-width: 900px)
- padding-right: 60px
- padding-left: 20px
- .bts-title
- color: #FFF
- font-size: 16px
- font-weight: bold
- width: 183px
- @media (min-width: 680px)
- font-size: 17px
- width: 380px
- @media (min-width: 900px)
- width: auto
- font-size: 22px
- .bts-dot
- display: none
- @media (min-width: 680px)
- display: inline
- .bts-title-offer
- display: block
- @media (min-width: 680px)
- display: inline
- .bts-title-grey
- color: #b3b1dc
- text-decoration: line-through
- .bts-title-green
- color: #1fdb69
- .bts-button
- color: #fff
- background-color: #667dff
- border-radius: 40px
- font-size: 16px
- font-weight: 500
- transition: all .25s ease-in
- display: none
- white-space: nowrap
- padding: 17px 27px
- @media (min-width: 680px)
- display: inline-block
- .bts-close
- color: #fff;
- font-size: 28px
- margin-right: 10px
- line-height: 1
- &:hover
- color: #56D8FF
- @media (min-width: 1600px)
- padding: 10px
\ No newline at end of file
diff --git a/themes/vue/source/css/_fonts.styl b/themes/vue/source/css/_fonts.styl
deleted file mode 100644
index 7e11208dd0..0000000000
--- a/themes/vue/source/css/_fonts.styl
+++ /dev/null
@@ -1,23 +0,0 @@
-@font-face
- font-family "CircularStd"
- src url("../fonts/circular/CircularStd-Bold.eot")
- src url("../fonts/circular/CircularStd-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/circular/CircularStd-Bold.woff") format("woff"), url("../fonts/circular/CircularStd-Bold.ttf") format("truetype"), url("../fonts/circular/CircularStd-Bold.svg#bcc26993292869431e54c666aafa8fcd") format("svg")
- font-weight 600
- font-style normal
- font-display swap
-
-@font-face
- font-family "CircularStd"
- src url("../fonts/circular/CircularStd-Medium.eot")
- src url("../fonts/circular/CircularStd-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/circular/CircularStd-Medium.woff") format("woff"), url("../fonts/circular/CircularStd-Medium.ttf") format("truetype"), url("../fonts/circular/CircularStd-Medium.svg#bcc26993292869431e54c666aafa8fcd") format("svg")
- font-weight 500
- font-style normal
- font-display swap
-
-@font-face
- font-family "CircularStd"
- src url("../fonts/circular/CircularStd-Book.eot")
- src url("../fonts/circular/CircularStd-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/circular/CircularStd-Book.woff") format("woff"), url("../fonts/circular/CircularStd-Book.ttf") format("truetype"), url("../fonts/circular/CircularStd-Book.svg#bcc26993292869431e54c666aafa8fcd") format("svg")
- font-weight 400
- font-style normal
- font-display swap
\ No newline at end of file
diff --git a/themes/vue/source/css/_header.styl b/themes/vue/source/css/_header.styl
index 6c71ac3b81..35da4dc7b3 100644
--- a/themes/vue/source/css/_header.styl
+++ b/themes/vue/source/css/_header.styl
@@ -1,4 +1,3 @@
-@import "_settings"
$header-height = 40px
red-dot-before(leftPos = -8px)
@@ -13,23 +12,60 @@ red-dot-before(leftPos = -8px)
#header
background-color: #fff
- padding: $heading-padding-vertical 30px $heading-padding-vertical 60px
+ height: $header-height
+ padding: $heading-padding-vertical 60px
position: relative
z-index: $z-header
- display: flex
- justify-content: space-between
+
+#blm
+ background-color: #000
+ min-height: $blm-height
+ padding: $heading-padding-vertical 60px
+ z-index: $z-header - 1
box-sizing: border-box
+ text-align: center
+ color: #fff
+
+#blm-hashtag
+ font-weight: bold
+ margin-right: 4px
+
+#blm-hashtag span
+ display: none
+
+@media (min-width: 470px)
+ #blm-hashtag span
+ display: inline
+
+#blm-link
+ color: $green
+ white-space: nowrap
body.docs
+ #blm
+ position: fixed
+ top: 0
+ width: 100%
#header
position: fixed
width: 100%
top: 0
+ #nav
+ position: fixed
+ top: $heading-padding-vertical
+
+@media screen and (max-width: 900px)
+ body.docs #blm
+ display: none
#nav
list-style-type: none
margin: 0
padding: 0
+ position: absolute
+ right: 30px
+ top: $heading-padding-vertical
+ height: $header-height
line-height: $header-height
.break
display: none
@@ -135,6 +171,9 @@ body.docs
left: 12px
background: url(../images/menu.png) center center no-repeat
background-size: 24px
+ &.blm
+ background: url(../images/menu-blm.png) center center no-repeat
+ background-size: 24px
.logo
position: absolute
width: 30px
@@ -144,6 +183,11 @@ body.docs
left: 50%
margin-left: -15px
background-size: 30px
+ .blm-mobile
+ position: absolute
+ right: 12px
+ line-height: 40px
+ font-weight: bold
@media print
#header
diff --git a/themes/vue/source/css/_settings.styl b/themes/vue/source/css/_settings.styl
index 0ba9c05ab5..09ac62b398 100644
--- a/themes/vue/source/css/_settings.styl
+++ b/themes/vue/source/css/_settings.styl
@@ -37,3 +37,5 @@ $z-sidebar = 10
$z-header = 20
$z-overlay = 30
$z-modal = 40
+
+$blm-height = 40px
diff --git a/themes/vue/source/css/index.styl b/themes/vue/source/css/index.styl
index a528928413..5ab87697e2 100644
--- a/themes/vue/source/css/index.styl
+++ b/themes/vue/source/css/index.styl
@@ -4,8 +4,6 @@
@import "_sponsors-index"
@import "_modal"
@import "_themes"
-@import "_fonts"
-@import "_banners"
$width = 900px
$space = 40px
@@ -27,7 +25,8 @@ body
background-color: transparent
box-shadow: none
z-index: ($z-sidebar - 1)
- .logo
+ .logo,
+ .blm-mobile
display: none
#hero,
diff --git a/themes/vue/source/css/page.styl b/themes/vue/source/css/page.styl
index a8f3781c58..0c695f7d92 100644
--- a/themes/vue/source/css/page.styl
+++ b/themes/vue/source/css/page.styl
@@ -16,8 +16,6 @@
@import "_scrimba"
@import "_vue-mastery"
@import "_themes"
-@import "_fonts"
-@import "_banners"
#header
box-shadow: 0 0 1px rgba(0,0,0,.25)
diff --git a/themes/vue/source/fonts/circular/CircularStd-Bold.eot b/themes/vue/source/fonts/circular/CircularStd-Bold.eot
deleted file mode 100644
index 275fce36e5..0000000000
Binary files a/themes/vue/source/fonts/circular/CircularStd-Bold.eot and /dev/null differ
diff --git a/themes/vue/source/fonts/circular/CircularStd-Bold.otf b/themes/vue/source/fonts/circular/CircularStd-Bold.otf
deleted file mode 100644
index 3374c7bf7e..0000000000
Binary files a/themes/vue/source/fonts/circular/CircularStd-Bold.otf and /dev/null differ
diff --git a/themes/vue/source/fonts/circular/CircularStd-Bold.svg b/themes/vue/source/fonts/circular/CircularStd-Bold.svg
deleted file mode 100644
index e4fa120ed9..0000000000
--- a/themes/vue/source/fonts/circular/CircularStd-Bold.svg
+++ /dev/null
@@ -1,13533 +0,0 @@
-
-
-
diff --git a/themes/vue/source/fonts/circular/CircularStd-Bold.ttf b/themes/vue/source/fonts/circular/CircularStd-Bold.ttf
deleted file mode 100644
index 291e4d274b..0000000000
Binary files a/themes/vue/source/fonts/circular/CircularStd-Bold.ttf and /dev/null differ
diff --git a/themes/vue/source/fonts/circular/CircularStd-Bold.woff b/themes/vue/source/fonts/circular/CircularStd-Bold.woff
deleted file mode 100644
index 66bc04d5f7..0000000000
Binary files a/themes/vue/source/fonts/circular/CircularStd-Bold.woff and /dev/null differ
diff --git a/themes/vue/source/fonts/circular/CircularStd-Bold.woff2 b/themes/vue/source/fonts/circular/CircularStd-Bold.woff2
deleted file mode 100644
index e9eff3d3b7..0000000000
Binary files a/themes/vue/source/fonts/circular/CircularStd-Bold.woff2 and /dev/null differ
diff --git a/themes/vue/source/fonts/circular/CircularStd-Book.eot b/themes/vue/source/fonts/circular/CircularStd-Book.eot
deleted file mode 100644
index d4effe715f..0000000000
Binary files a/themes/vue/source/fonts/circular/CircularStd-Book.eot and /dev/null differ
diff --git a/themes/vue/source/fonts/circular/CircularStd-Book.otf b/themes/vue/source/fonts/circular/CircularStd-Book.otf
deleted file mode 100644
index e4c2e62837..0000000000
Binary files a/themes/vue/source/fonts/circular/CircularStd-Book.otf and /dev/null differ
diff --git a/themes/vue/source/fonts/circular/CircularStd-Book.svg b/themes/vue/source/fonts/circular/CircularStd-Book.svg
deleted file mode 100644
index 146a87c0c2..0000000000
--- a/themes/vue/source/fonts/circular/CircularStd-Book.svg
+++ /dev/null
@@ -1,9962 +0,0 @@
-
-
-
diff --git a/themes/vue/source/fonts/circular/CircularStd-Book.ttf b/themes/vue/source/fonts/circular/CircularStd-Book.ttf
deleted file mode 100644
index c55d6a6ba0..0000000000
Binary files a/themes/vue/source/fonts/circular/CircularStd-Book.ttf and /dev/null differ
diff --git a/themes/vue/source/fonts/circular/CircularStd-Book.woff b/themes/vue/source/fonts/circular/CircularStd-Book.woff
deleted file mode 100644
index a6c48ce31c..0000000000
Binary files a/themes/vue/source/fonts/circular/CircularStd-Book.woff and /dev/null differ
diff --git a/themes/vue/source/fonts/circular/CircularStd-Book.woff2 b/themes/vue/source/fonts/circular/CircularStd-Book.woff2
deleted file mode 100644
index 6830dc20a1..0000000000
Binary files a/themes/vue/source/fonts/circular/CircularStd-Book.woff2 and /dev/null differ
diff --git a/themes/vue/source/fonts/circular/CircularStd-Medium.eot b/themes/vue/source/fonts/circular/CircularStd-Medium.eot
deleted file mode 100644
index 793e837b37..0000000000
Binary files a/themes/vue/source/fonts/circular/CircularStd-Medium.eot and /dev/null differ
diff --git a/themes/vue/source/fonts/circular/CircularStd-Medium.otf b/themes/vue/source/fonts/circular/CircularStd-Medium.otf
deleted file mode 100644
index 931f4159d4..0000000000
Binary files a/themes/vue/source/fonts/circular/CircularStd-Medium.otf and /dev/null differ
diff --git a/themes/vue/source/fonts/circular/CircularStd-Medium.svg b/themes/vue/source/fonts/circular/CircularStd-Medium.svg
deleted file mode 100644
index 363f853098..0000000000
--- a/themes/vue/source/fonts/circular/CircularStd-Medium.svg
+++ /dev/null
@@ -1,13507 +0,0 @@
-
-
-
diff --git a/themes/vue/source/fonts/circular/CircularStd-Medium.ttf b/themes/vue/source/fonts/circular/CircularStd-Medium.ttf
deleted file mode 100644
index 4b50d1ef9b..0000000000
Binary files a/themes/vue/source/fonts/circular/CircularStd-Medium.ttf and /dev/null differ
diff --git a/themes/vue/source/fonts/circular/CircularStd-Medium.woff b/themes/vue/source/fonts/circular/CircularStd-Medium.woff
deleted file mode 100644
index 6de2499339..0000000000
Binary files a/themes/vue/source/fonts/circular/CircularStd-Medium.woff and /dev/null differ
diff --git a/themes/vue/source/fonts/circular/CircularStd-Medium.woff2 b/themes/vue/source/fonts/circular/CircularStd-Medium.woff2
deleted file mode 100644
index edc03ebac2..0000000000
Binary files a/themes/vue/source/fonts/circular/CircularStd-Medium.woff2 and /dev/null differ
diff --git a/themes/vue/source/images/banners/bts-backpack.svg b/themes/vue/source/images/banners/bts-backpack.svg
deleted file mode 100644
index de8623fb3a..0000000000
--- a/themes/vue/source/images/banners/bts-backpack.svg
+++ /dev/null
@@ -1,71 +0,0 @@
-
diff --git a/themes/vue/source/images/banners/bts-desktop.svg b/themes/vue/source/images/banners/bts-desktop.svg
deleted file mode 100644
index 589df15ace..0000000000
--- a/themes/vue/source/images/banners/bts-desktop.svg
+++ /dev/null
@@ -1,37 +0,0 @@
-
diff --git a/themes/vue/source/images/banners/bts-logo.svg b/themes/vue/source/images/banners/bts-logo.svg
deleted file mode 100644
index e22e8554a4..0000000000
--- a/themes/vue/source/images/banners/bts-logo.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
\ No newline at end of file
diff --git a/themes/vue/source/images/banners/bts-mobile.svg b/themes/vue/source/images/banners/bts-mobile.svg
deleted file mode 100644
index 75fdc198a6..0000000000
--- a/themes/vue/source/images/banners/bts-mobile.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-
diff --git a/themes/vue/source/images/banners/bts-tablet.svg b/themes/vue/source/images/banners/bts-tablet.svg
deleted file mode 100644
index 8f889608ef..0000000000
--- a/themes/vue/source/images/banners/bts-tablet.svg
+++ /dev/null
@@ -1,31 +0,0 @@
-
diff --git a/themes/vue/source/images/menu-bts.png b/themes/vue/source/images/menu-blm.png
similarity index 100%
rename from themes/vue/source/images/menu-bts.png
rename to themes/vue/source/images/menu-blm.png
diff --git a/themes/vue/source/js/common.js b/themes/vue/source/js/common.js
index c0d833c63e..aead1b5ea8 100644
--- a/themes/vue/source/js/common.js
+++ b/themes/vue/source/js/common.js
@@ -3,7 +3,6 @@
initMobileMenu()
initVideoModal()
initNewNavLinks()
- initBtsBanner()
if (PAGE_TYPE) {
initVersionSelect()
initApiSpecLinks()
@@ -281,23 +280,6 @@
})
}
- /**
- * Banner closing
- */
- function initBtsBanner() {
- const banner = document.getElementById('bts')
- if (banner && !localStorage.getItem('BTS_BANNER_CLOSED')) {
- banner.classList.remove('bts-hidden')
- document.body.classList.add('has-bts-banner')
- document.getElementById('bts-close').addEventListener('click', function (e) {
- e.preventDefault()
- e.stopPropagation()
- document.getElementById('bts').remove()
- document.body.classList.remove('has-bts-banner')
- localStorage.setItem('BTS_BANNER_CLOSED', 1)
- })
- }
- }
/**
* Modal Video Player
+ <% if (page.path === 'index.html') { %>
+
+ #BlackLivesMatter
+ Support the Equal Justice Initiative.
-
-
-
- 
-
-
-
-
-
- Less than 48 hours left for the Vue School offer
-
-
-
-
-
- ×
-
-
<% } %>