Skip to content

Commit 7586f67

Browse files
yyx990803yyx990803
committed
update sponsors + tweak sponsor display position
1 parent d7adfb3 commit 7586f67

File tree

13 files changed

+133
-99
lines changed

13 files changed

+133
-99
lines changed

‎themes/vue/_config.yml

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,17 @@ google_analytics: UA-46852172-1
33
root_domain: vuejs.org
44
vue_version: 2.5.13
55

6-
platinum_sponsors:
6+
special_sponsors:
77
- url: https://stdlib.com
88
img: stdlib.png
9+
- url: https://www.bitsrc.io/?utm_source=vue&utm_medium=vue&utm_campaign=vue&utm_term=vue&utm_content=vue
10+
img: bit.png
11+
big_width: 120px
12+
big_height: 120px
13+
width: 45px
14+
height: 45px
15+
16+
platinum_sponsors:
917
- url: http://tooltwist.com/
1018
img: tooltwist.png
1119
- url: https://vueschool.io/?utm_source=Vuejs.org&utm_medium=Banner&utm_campaign=Sponsored%20Banner&utm_content=V1

‎themes/vue/layout/index.ejs

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,11 +29,17 @@
2929
</div>
3030

3131
<div id="special-sponsor">
32+
<h3>Special Sponsors</h3>
33+
<br>
3234
<a href="https://stdlib.com/" target="_blank">
33-
<span>Sponsored by</span>
34-
<img src="/images/stdlib.png">
35+
<img src="/images/stdlib.png" style="width:140px">
3536
<span>Function as a Service Platform and Library</span>
3637
</a>
38+
<br>
39+
<a href="https://www.bitsrc.io/?utm_source=vue&utm_medium=vue&utm_campaign=vue&utm_term=vue&utm_content=vue" target="_blank">
40+
<img src="/images/bit.png" style="width:60px;height:60px">
41+
<span>The fastest way to share code</span>
42+
</a>
3743
</div>
3844

3945
<div id="highlights">

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

Lines changed: 1 addition & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -4,19 +4,7 @@
44
<%- partial('partials/main_menu', { context: 'sidebar' }) %>
55
</ul>
66
<div class="list">
7-
<div class="main-sponsor">
8-
<span>Platinum Sponsors</span>
9-
<div>
10-
<%_ for (const sponsor of theme.platinum_sponsors) {_%>
11-
<a href="<%- sponsor.url %>" target="_blank" class="logo">
12-
<img src="<%- url_for(`/images/${sponsor.img}`) %>">
13-
</a>
14-
<%_ } _%>
15-
</div>
16-
</div>
17-
<a class="become-backer" href="<%- url_for("/support-vuejs") %>">
18-
Become a Sponsor
19-
</a>
7+
<%- partial('partials/sponsors_sidebar') %>
208
<h2>
219
<% titles = {
2210
api: 'API',

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<h3>Patreon Sponsors</h3>
22

3-
<%_ for (const sponsor of theme.platinum_sponsors.slice(1)) {_%>
3+
<%_ for (const sponsor of theme.platinum_sponsors) {_%>
44
<a href="<%- sponsor.url %>" target="_blank" style="width: 160px;">
55
<img src="<%- url_for(`/images/${sponsor.img}`) %>" style="width: 160px;">
66
</a>

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

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<div id="sidebar-sponsors">
2+
<div class="main-sponsor">
3+
<span>Sponsors</span>
4+
<div>
5+
<%_ for (const sponsor of [...theme.special_sponsors, ...theme.platinum_sponsors]) {_%>
6+
<a href="<%- sponsor.url %>" target="_blank" class="logo">
7+
<img src="<%- url_for(`/images/${sponsor.img}`) %>"<%- (sponsor.width || sponsor.height) ? ` style="${sponsor.width ? `width:${sponsor.width};`: ``}${sponsor.height ? `height:${sponsor.height};` : ``}"` : `` %>>
8+
</a>
9+
<%_ } _%>
10+
</div>
11+
</div>
12+
<a class="become-backer" href="<%- url_for("/support-vuejs") %>">
13+
Become a Sponsor
14+
</a>
15+
</div>

‎themes/vue/layout/sponsors-page.ejs

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,16 @@ Recurring pledges come with exclusive perks, e.g. having your name listed in the
7171

7272
<h2>Current Premium Sponsors:</h2>
7373

74+
<h3>Special Sponsors</h3>
75+
76+
<p class="platinum">
77+
<%_ for (const sponsor of theme.special_sponsors) {_%>
78+
<a href="<%- sponsor.url %>" target="_blank">
79+
<img src="<%- url_for(`/images/${sponsor.img}`) %>"<%- (sponsor.big_width || sponsor.big_height) ? ` style="${sponsor.big_width ? `width:${sponsor.big_width};`: ``}${sponsor.big_height ? `height:${sponsor.big_height};` : ``}"` : `` %>>
80+
</a>
81+
<%_ } _%>
82+
</p>
83+
7484
<h3>Platinum</h3>
7585

7686
<p class="platinum">

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

Lines changed: 0 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -59,31 +59,6 @@
5959
margin-bottom: 20px
6060
display: none
6161
padding-left: 0
62-
.main-sponsor
63-
color: $light
64-
font-size: .85em
65-
.logo
66-
color: $light
67-
margin-top: 6px
68-
text-align: center
69-
font-weight: bold
70-
display block
71-
&:first-child
72-
margin-top: 12px
73-
&:last-child
74-
margin-bottom: 12px
75-
img, a
76-
width: 125px
77-
.become-backer
78-
border: 1px solid $green
79-
border-radius: 2em
80-
display: inline-block
81-
color: $green
82-
font-size: .8em
83-
width: 125px
84-
padding: 4px 0
85-
text-align: center
86-
margin-bottom: 20px
8762
.nav-dropdown
8863
h4
8964
font-weight: normal

‎themes/vue/source/css/_sponsor.styl renamed to ‎themes/vue/source/css/_sponsors-index.styl

Lines changed: 0 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
// frontpage
21
#sponsors
32
text-align: center
43
padding: 35px 40px 45px
@@ -49,52 +48,3 @@
4948
img
5049
filter: none
5150
opacity: 1
52-
53-
// support-vuejs page
54-
.content
55-
.platinum
56-
text-align center
57-
a
58-
display inline-block
59-
margin 20px
60-
img
61-
width 250px
62-
63-
.sponsor-section
64-
text-align center
65-
margin-top 0
66-
margin-bottom 60px
67-
68-
.patreon-sponsors
69-
a, img
70-
width: 140px
71-
display: inline-block
72-
vertical-align: middle
73-
a
74-
margin: 10px 20px
75-
76-
.open-collective-sponsors
77-
img
78-
max-height 80px
79-
margin-right 20px
80-
81-
#one-time-donations
82-
a, svg
83-
display inline-block
84-
vertical-align middle
85-
a
86-
margin 20px
87-
color $medium
88-
svg
89-
margin-right 5px
90-
91-
#coin-details
92-
text-align center
93-
border-radius 4px
94-
padding 30px
95-
font-weight bold
96-
img
97-
width 200px
98-
p
99-
padding 0
100-
margin 0 0 20px

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

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
.content
2+
.platinum
3+
text-align center
4+
a
5+
display inline-block
6+
margin 20px
7+
img
8+
width 250px
9+
vertical-align middle
10+
11+
.sponsor-section
12+
text-align center
13+
margin-top 0
14+
margin-bottom 60px
15+
16+
.patreon-sponsors
17+
a, img
18+
width: 140px
19+
display: inline-block
20+
vertical-align: middle
21+
a
22+
margin: 10px 20px
23+
24+
.open-collective-sponsors
25+
img
26+
max-height 80px
27+
margin-right 20px
28+
29+
#one-time-donations
30+
a, svg
31+
display inline-block
32+
vertical-align middle
33+
a
34+
margin 20px
35+
color $medium
36+
svg
37+
margin-right 5px
38+
39+
#coin-details
40+
text-align center
41+
border-radius 4px
42+
padding 30px
43+
font-weight bold
44+
img
45+
width 200px
46+
p
47+
padding 0
48+
margin 0 0 20px

‎themes/vue/source/css/_sponsors-sidebar.styl

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
.main-sponsor
2+
color: $light
3+
font-size: .85em
4+
.logo
5+
color: $light
6+
margin-top: 6px
7+
text-align: center
8+
font-weight: bold
9+
display block
10+
&:first-child
11+
margin-top: 12px
12+
&:last-child
13+
margin-bottom: 12px
14+
img, a
15+
width: 125px
16+
17+
.become-backer
18+
border: 1px solid $green
19+
border-radius: 2em
20+
display: inline-block
21+
color: $green
22+
font-size: .8em
23+
width: 125px
24+
padding: 4px 0
25+
text-align: center
26+
margin-bottom: 20px
27+
28+
@media screen and (min-width: 1300px)
29+
#sidebar-sponsors
30+
position fixed
31+
z-index 99
32+
top 90px
33+
right 20px

0 commit comments

Comments
 (0)