-
Notifications
You must be signed in to change notification settings - Fork 23
/
Copy pathambassadors.html
89 lines (82 loc) · 4.52 KB
/
ambassadors.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
---
layout: default
redirect_to:
- https://www.sigfox.com/en/sigfox-developers
---
{% assign ambassadors = site.data.ambassadors | sort: "name" %}
<style>
html, body, #wrapper { height: 100%; }
#wrapper { display: table; width: 100%; } /* Create space */
#wrapper > * { display: table-cell; vertical-align: middle; } /* table-cells can be verticaly aligned! */
#wrapper > * > .container { display: block; margin: auto; width: 600px; border: 1px solid #000000; } /* Horizontal align */
</style>
<main class="mdl-layout__content">
<div class="mdl-layout__tab-panel is-active">
<section id="ambassadors" class="mdl-grid mdl-grid--no-spacing mdl-shadow--2dp">
<div class="mdl-card mdl-cell mdl-cell--12-col">
<div class="mdl-card__supporting-text mdl-grid mdl-grid--no-spacing">
<h3>Sigfox Ambassadors</h3>
<p>
The Sigfox Ambassadors program is here to put forward some of the best Sigfox experts. <br />
All our ambassadors already have a huge in-depth experience of the Sigfox service. Some of them are more at ease with the embedded systems part, some with the cloud application. <br />
Most of them are entrepreneurs, building their own Sigfox solutions. Some of them are teaching electronics and programming in engineering schools.<br />
All of them are great at sharing their knowledge and experience about Sigfox. You can rely on them to give conferences and run workshops about Sigfox.
</p>
{% for amb in ambassadors %}
<div class="ambassador-card mdl-card mdl-shadow--2dp mdl-color--primary">
<div class="mdl-card__title mdl-card--expand mdl-typography--font-thin mdl-color-text--white">
{%if amb.img%}
<img class="ambassador-image" src="{{site.url}}/assets/media/ambassadors/{{amb.img}}" alt="{{amb.name}} {{amb.firstname}}">
{% endif %}
<h4 class="mdl-typography--font-thin mdl-color-text--white">{{amb.firstname}} {{amb.name}}</h4>
<div class="ambassador-location mdl-color-text--white">
<span class="flag {{amb.country | downcase}}"></span>
{%if amb.city%}
<div class="ambassador-city">{{amb.city}}</div>
{%endif%}
</div>
<div class="ambassador-lang mdl-typography--font-thin mdl-color-text--white">
<h6>Languages</h6>
{% for lang in amb.languages %}
<span class="lang-{{lang | downcase}}">{{lang}}</span>
{% endfor %}
</div>
<div class="ambassador-skills mdl-typography--font-thin mdl-color-text--white">
<h6>Skills</h6>
{% for skill in amb.skills %}
<span class="skill-{{skill | slugify}}">{{skill | capitalize}}</span>
{% endfor %}
</div>
{% if amb.links %}
<div class="ambassador-links mdl-typography--font-thin">
{% for link in amb.links %}
{% case link.type %}
{% when 'linkedin' %}{% assign prefix="//linkedin.com/in/" %}
{% when 'twitter' %}{% assign prefix="//twitter.com/" %}
{% when 'github' %}{% assign prefix="//github.com/" %}
{% else %}{% assign prefix = "" %}
{% endcase %}
{% if prefix != "" %}
<a class="link-{{link.type}}" href="{{prefix}}{{link.url}}" rel="noopener noreferrer" target="_blank"></a>
{% else %}
<a class="link-website" href="{{link.url}}" rel="noopener noreferrer" target="_blank"><i class="material-icons mdl-color-text--white">public</i></a>
{% endif %}
{% endfor %}
</div>
{%endif%}
</div>
</div>
{% endfor %}
<h3>Want to be an ambassador ?</h3>
<p>
If you want to join our ambassador program, let us know ! <br />
The easiest way is to submit a <a rel="noopener noreferrer" target="_blank" href="//github.com/sigfox/makers.sigfox.com/blob/master/_data/ambassadors.yml">pull request on github</a>, with your details added.
</p>
<p>
We'll contact you shortly afterwards, and will be happy to make you an ambassador if your skill set match the requirements of the program : in-depth knowledge of Sigfox, existing projects to show, and ability to speak publicly and/or run workshops on your own.
</p>
</div>
</div>
</div>
{% include footer.html %}
</main>