Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit a0c40a7

Browse files
FRFloryyx990803
authored andcommitted
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)

AltStyle によって変換されたページ (->オリジナル) /