Skip to content

Commit 08b9bc9

Browse files
rahaugrahaug
authored
remove back to school banner (#2697)
1 parent 1d836ec commit 08b9bc9

33 files changed

+61
-37397
lines changed

‎themes/vue/layout/layout.ejs

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
<% var isIndex = page.path === 'index.html' %>
22
<% var isThemes = page.path === 'resources/themes.html' %>
3-
<% var hasBtsBanner = true %>
43

54
<!DOCTYPE html>
65
<html lang="en">
@@ -92,10 +91,13 @@
9291
</head>
9392
<body class="<%- isIndex ? '' : 'docs' -%>">
9493
<div id="mobile-bar" <%- isIndex ? 'class="top"' : '' %>>
95-
<a class="menu-button"></a>
94+
<a class="menu-button<%- isIndex ? ' blm' : '' %>"></a>
9695
<a class="logo" href="/"></a>
96+
<% if (isIndex) { %>
97+
<a class="blm-mobile" href="/#">#BlackLivesMatter</a>
98+
<% } %>
9799
</div>
98-
<%- partial('partials/header', { hasBtsBanner }) %>
100+
<%- partial('partials/header') %>
99101
<% if (!isIndex) { %>
100102
<div id="main" class="fix-sidebar">
101103
<%- body %>

‎themes/vue/layout/partials/header.ejs

Lines changed: 4 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,9 @@
11
<div>
2-
<% if (hasBtsBanner) { %>
3-
<a id="bts" class="bts-hidden" href="https://vueschool.io/sales/back-to-school?friend=vuejs" target="_blank" rel="noreferrer">
4-
<div class="bts-logo">
5-
<img src="/images/banners/bts-logo.svg">
2+
<% if (page.path === 'index.html') { %>
3+
<div id="blm">
4+
<span id="blm-hashtag">#B<span>lack</span>L<span>ives</span>M<span>atter</span></span>
5+
<a href="https://support.eji.org/give/153413/#!/donation/checkout" target="_blank" rel="noreferrer" id="blm-link">Support the Equal Justice Initiative.</a>
66
</div>
7-
<div class="bts-main">
8-
<div class="bts-backpack">
9-
<img src="/images/banners/bts-backpack.svg">
10-
</div>
11-
<div class="bts-slogan">
12-
<div class="bts-title">
13-
Less than <span class="bts-title-green">48 hours</span> left for the Vue School offer
14-
</div>
15-
</div>
16-
<div>
17-
<div class="bts-button">GET ACCESS</div>
18-
</div>
19-
</div>
20-
<div id="bts-close" class="bts-close">
21-
&times;
22-
</div>
23-
</a>
247
<% } %>
258

269
<header id="header">

‎themes/vue/source/css/_banners.styl

Lines changed: 0 additions & 135 deletions
This file was deleted.

‎themes/vue/source/css/_fonts.styl

Lines changed: 0 additions & 23 deletions
This file was deleted.

‎themes/vue/source/css/_header.styl

Lines changed: 48 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
@import "_settings"
21
$header-height = 40px
32

43
red-dot-before(leftPos = -8px)
@@ -13,23 +12,60 @@ red-dot-before(leftPos = -8px)
1312

1413
#header
1514
background-color: #fff
16-
padding: $heading-padding-vertical 30px $heading-padding-vertical 60px
15+
height: $header-height
16+
padding: $heading-padding-vertical 60px
1717
position: relative
1818
z-index: $z-header
19-
display: flex
20-
justify-content: space-between
19+
20+
#blm
21+
background-color: #000
22+
min-height: $blm-height
23+
padding: $heading-padding-vertical 60px
24+
z-index: $z-header - 1
2125
box-sizing: border-box
26+
text-align: center
27+
color: #fff
28+
29+
#blm-hashtag
30+
font-weight: bold
31+
margin-right: 4px
32+
33+
#blm-hashtag span
34+
display: none
35+
36+
@media (min-width: 470px)
37+
#blm-hashtag span
38+
display: inline
39+
40+
#blm-link
41+
color: $green
42+
white-space: nowrap
2243

2344
body.docs
45+
#blm
46+
position: fixed
47+
top: 0
48+
width: 100%
2449
#header
2550
position: fixed
2651
width: 100%
2752
top: 0
53+
#nav
54+
position: fixed
55+
top: $heading-padding-vertical
56+
57+
@media screen and (max-width: 900px)
58+
body.docs #blm
59+
display: none
2860

2961
#nav
3062
list-style-type: none
3163
margin: 0
3264
padding: 0
65+
position: absolute
66+
right: 30px
67+
top: $heading-padding-vertical
68+
height: $header-height
3369
line-height: $header-height
3470
.break
3571
display: none
@@ -135,6 +171,9 @@ body.docs
135171
left: 12px
136172
background: url(../images/menu.png) center center no-repeat
137173
background-size: 24px
174+
&.blm
175+
background: url(../images/menu-blm.png) center center no-repeat
176+
background-size: 24px
138177
.logo
139178
position: absolute
140179
width: 30px
@@ -144,6 +183,11 @@ body.docs
144183
left: 50%
145184
margin-left: -15px
146185
background-size: 30px
186+
.blm-mobile
187+
position: absolute
188+
right: 12px
189+
line-height: 40px
190+
font-weight: bold
147191

148192
@media print
149193
#header

‎themes/vue/source/css/_settings.styl

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,3 +37,5 @@ $z-sidebar = 10
3737
$z-header = 20
3838
$z-overlay = 30
3939
$z-modal = 40
40+
41+
$blm-height = 40px

‎themes/vue/source/css/index.styl

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,6 @@
44
@import "_sponsors-index"
55
@import "_modal"
66
@import "_themes"
7-
@import "_fonts"
8-
@import "_banners"
97

108
$width = 900px
119
$space = 40px
@@ -27,7 +25,8 @@ body
2725
background-color: transparent
2826
box-shadow: none
2927
z-index: ($z-sidebar - 1)
30-
.logo
28+
.logo,
29+
.blm-mobile
3130
display: none
3231

3332
#hero,

‎themes/vue/source/css/page.styl

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,6 @@
1616
@import "_scrimba"
1717
@import "_vue-mastery"
1818
@import "_themes"
19-
@import "_fonts"
20-
@import "_banners"
2119

2220
#header
2321
box-shadow: 0 0 1px rgba(0,0,0,.25)

‎themes/vue/source/fonts/circular/CircularStd-Bold.eot

-84.6 KB
Binary file not shown.

‎themes/vue/source/fonts/circular/CircularStd-Bold.otf

-77.9 KB
Binary file not shown.

0 commit comments

Comments
 (0)