Skip to content

Commit a0c40a7

Browse files
FRFloryyx990803
FRFlor
authored and
yyx990803
committed
Vue-Partners page (vuejs#2274)
1 parent 8e53d0a commit a0c40a7

File tree

6 files changed

+194
-0
lines changed

6 files changed

+194
-0
lines changed

‎src/partners/index.md

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
---
2+
partners: true
3+
title: Vue Partners
4+
proficiencies_urls:
5+
VueJs: https://vuejs.org
6+
Laravel: https://laravel.com
7+
Node: https://nodejs.org
8+
partners_list:
9+
-
10+
name: Vehikl
11+
logo: vehikl.png
12+
proficiencies:
13+
- VueJs
14+
- Laravel
15+
- Node
16+
- Team Augmentation
17+
location: Ontario, Canada
18+
languages:
19+
- English
20+
url_text: www.vehikl.com
21+
url_link: www.vehikl.com?utm_source=vue_partners_page
22+
hire_url: www.vehikl.com/contact/?utm_source=vue_partners_page
23+
email: go+partner@vehikl.com
24+
social_links:
25+
-
26+
name: Github
27+
class: github
28+
url: 'https://github.com/vehikl'
29+
-
30+
name: Twitter
31+
class: twitter
32+
url: 'https://twitter.com/vehikl'
33+
-
34+
name: Instagram
35+
class: instagram
36+
url: 'https://www.instagram.com/vehiklteam/'
37+
---

‎themes/vue/layout/page.ejs

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,8 @@
2323
<% } %>
2424
<% if (page.sponsors) { %>
2525
<%- partial('sponsors-page') %>
26+
<% } else if (page.partners) { %>
27+
<%- partial('partners-page') %>
2628
<% } else if (page.search) { %>
2729
<%- partial('search-page') %>
2830
<% } else { %>

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

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,5 +8,8 @@
88
<li>
99
<a href="<%- url_for("/v2/guide/team.html") %>" class="nav-link team<%- page.path.match(/team\.html/) ? ' current' : '' %>">Team</a>
1010
</li>
11+
<li>
12+
<a href="<%- url_for("/partners") %>" class="nav-link <%- page.path.match(/partners/) ? 'current' : '' %>">Partners</a>
13+
</li>
1114
<%- partial('partials/support_vue_dropdown') %>
1215
<%- partial('partials/language_dropdown') %>

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

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
<div id="partners">
2+
<p>
3+
Vue Partners are premium shops that provide first-class Vue consulting and development.
4+
</p>
5+
6+
<h2>Active Partners</h2>
7+
8+
<% for (let partner of page.partners_list) { %>
9+
<div class="partner">
10+
<div class="logo">
11+
<img src="<%- url_for(`/images/${partner.logo}`) %>" alt="<%= partner.name %>">
12+
</div>
13+
<div class="profile">
14+
<h3> <%= partner.name %> </h3>
15+
<dl>
16+
<dt>Proficiencies</dt>
17+
<dd>
18+
<ul>
19+
<% for (let proficiency of partner.proficiencies) { %>
20+
<li>
21+
<a href="<%- page.proficiencies_urls[proficiency] %>" target=_blank> <%= proficiency %></a>
22+
</li>
23+
<% } %>
24+
</ul>
25+
</dd>
26+
27+
<dt>
28+
<i class="fa fa-map-marker"></i>
29+
<span class="sr-only">Location</span>
30+
</dt>
31+
<dd>
32+
<%= partner.location %>
33+
</dd>
34+
35+
<dt>
36+
<i class="fa fa-globe"></i>
37+
<span class="sr-only">Languages</span>
38+
</dt>
39+
<dd class="language-list">
40+
<ul>
41+
<% for (let language of partner.languages) { %>
42+
<li>
43+
<%= language %>
44+
</li>
45+
<% } %>
46+
</ul>
47+
</dd>
48+
<dt>
49+
<i class="fa fa-link"></i>
50+
<span class="sr-only">Link</span>
51+
</dt>
52+
<dd>
53+
<a href="https://<%- partner.url_link %>" target=_blank><%- partner.url_text %></a>
54+
</dd>
55+
<footer class="social">
56+
<% if (partner.email) { %>
57+
<a href="mailto:<%- partner.email %>?subject=Hire <%- partner.name %>">
58+
<i class="fa fa-envelope"></i>
59+
<span class="sr-only">Email</span>
60+
</a>
61+
<% } %>
62+
<% for( let link of partner.social_links) { %>
63+
<a class="<%= link.class %>" href="<%- link.url %>">
64+
<i class="fa fa-<%= link.class %>"></i>
65+
<span class="sr-only"><%= link.name %></span>
66+
</a>
67+
<% } %>
68+
</footer>
69+
</dl>
70+
</div>
71+
<div>
72+
<a class="button" href="https://<%- partner.hire_url %>">
73+
Hire <%= partner.name %>
74+
</a>
75+
</div>
76+
</div>
77+
<% } %>
78+
</div>

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

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
@import "_settings"
2+
#partners
3+
.partner
4+
display: flex
5+
padding: 25px 0
6+
border-bottom: 1px dotted #ddd
7+
&:first-of-type
8+
margin-top: 15px
9+
&:last-of-type
10+
border-bottom: none
11+
.logo
12+
flex: 0 0 125px
13+
.profile
14+
padding-left: 26px
15+
flex: 1
16+
h3
17+
margin: 0
18+
font-size: 1.3em
19+
dl
20+
margin: .6em 0 0
21+
dt, dd, ul, li
22+
display: inline
23+
padding: 0
24+
margin: 0
25+
line-height: 1.3
26+
dt
27+
text-transform: uppercase
28+
font-size: .84em
29+
font-weight: 600
30+
&::after
31+
content: ""
32+
margin-right: 7px
33+
i
34+
width: 14px
35+
text-align: center
36+
&.fa-map-marker
37+
font-size: 1.15em
38+
&.fa-globe
39+
font-size: 1.2em
40+
&.fa-link
41+
font-size: 1.05em
42+
dd
43+
font-weight: 600
44+
&::after
45+
display: block
46+
content: ""
47+
margin-top: .6em
48+
li
49+
display: inline-block
50+
&::after
51+
display: inline-block
52+
content: "·"
53+
margin: 0 8px
54+
&:last-child::after
55+
content: ""
56+
.social
57+
a
58+
color: #000
59+
display: inline-block
60+
line-height: 1
61+
vertical-align: middle
62+
margin-right: 4px
63+
&.github
64+
color: #000
65+
&.twitter
66+
color: #1da1f3
67+
&.linkedin
68+
color: #0077B5
69+
&.instagram
70+
color: #C13584
71+
i
72+
vertical-align: text-bottom
73+
font-size: 1.3em

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
@import "_sidebar"
1111
@import "_offline-menu"
1212
@import "_team"
13+
@import "_partners"
1314
@import "_style-guide"
1415
@import "_modal"
1516
@import "_scrimba"

0 commit comments

Comments
 (0)