-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
41 lines (38 loc) · 1.44 KB
/
about.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
---
title: About
description: We have an extremely talented group of musicians whose sole purpose is to inspire you with music.
image: /images/celtic-room-freak-group-outside-2-2000w.webp
mob_image: /images/celtic-room-freak-group-outside-2-720w.webp
---
<style>
.hero {
background-image: {% include overlay-filter.html %}, url({% include relative-src.html src=page.mob_image %});
}
@media (min-width: 768px) {
.hero {
background-image: {% include overlay-filter.html %}, url({% include relative-src.html src=page.image %});
}
}
</style>
<section class="hero">
<div class="inner-hero text-container">
<div class="hero-text-container">
<h1 class="editable">Our Story</h1>
<p class="subtext editable">We have an extremely talented group of musicians whose sole purpose is to inspire you with music.</p>
</div>
</div>
</section>
<section class="pad">
<div class="container">
<p class="editor-link"><a href="cloudcannon:collections/_staff_members" class="btn"><strong>✎</strong> Manage Staff Members</a></p>
<ul class="staff">
{% for person in site.staff_members %}
<li>
<div class="square-image" style="background-image: url({% include relative-src.html src=person.image_path %})"></div>
<div class="name"><a target="_blank" href="https://twitter.com/{{ person.twitter_username }}">{{ person.name }}</a></div>
<div class="position">{{ person.position }}</div>
</li>
{% endfor %}
</ul>
</div>
</section>