Skip to content

Commit 0cb7845

Browse files
jordyarmsjordyarms
authored
Merge pull request #3 from CivicTechTO/partner-recognition-footer
Move organizer recognition up in footer
2 parents 6123887 + 1f17b2b commit 0cb7845

File tree

1 file changed

+100
-64
lines changed

1 file changed

+100
-64
lines changed

‎_includes/footer.html

Lines changed: 100 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -1,75 +1,111 @@
11
<style>
2-
.footer {background-color: var(--cust-yellow-pale); padding: 2rem 1rem;}
3-
.footer-nav *{color: var(--cust-black);}
4-
.partner-logos{display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap;}
5-
.partner-logo{height: 4rem; object-fit: contain;filter: grayscale(100%);}
6-
@media (max-width: 767px) {
7-
.footer-nav{
8-
grid-template-columns: 1fr 1fr;
2+
.footer {
3+
background-color: var(--cust-yellow-pale);
4+
padding: 2rem 1rem;
5+
}
6+
.footer-nav * {
7+
color: var(--cust-black);
98
}
109
.partner-logos {
11-
flex-direction: column;
12-
align-items: flex-start;
10+
display: flex;
11+
gap: 1.5rem;
12+
align-items: center;
13+
flex-wrap: wrap;
14+
}
15+
.partner-logo {
16+
height: 4rem;
17+
object-fit: contain;
18+
filter: grayscale(100%);
19+
}
20+
@media (max-width: 767px) {
21+
.footer-nav {
22+
grid-template-columns: 1fr 1fr;
23+
}
24+
.partner-logos {
25+
flex-direction: column;
26+
align-items: flex-start;
27+
}
28+
}
29+
@media (min-width: 1024px) {
1330
}
14-
}
15-
@media (min-width: 1024px) {}
1631
</style>
1732

1833
<footer class="footer">
1934
<div class="container">
2035
{% include logoform.html gray='true' %}
21-
<p>​Share&nbsp;your&nbsp;story. Spark&nbsp;connection. Shape&nbsp;what’s&nbsp;next.</p>
22-
<div class="grid">
23-
<div>
24-
<aside class="grid footer-nav">
25-
<nav>
26-
<ul>
27-
<li><strong>General Information</strong></li>
28-
<li><a href="{{ '/about-us/' | relative_url }}">About Us</a></li>
29-
<li><a href="{{ '/sponsors/' | relative_url }}">Sponsors</a></li>
30-
<li><a href="{{ '/location/' | relative_url }}">Event Location</a></li>
31-
</ul>
32-
</nav>
33-
<nav>
34-
<ul>
35-
<li><strong>Programming</strong></li>
36-
<li><a href="{{ '/conference/' | relative_url }}">Conference</a></li>
37-
<li><a href="{{ '/unconference/' | relative_url }}">Unconference</a></li>
38-
</ul>
39-
</nav>
40-
<nav>
41-
<ul>
42-
<li><strong>Media</strong></li>
43-
<li><a href="{{ '/media-kit/' | relative_url }}">Media Kit</a></li>
44-
45-
</ul>
46-
</nav>
47-
<nav>
48-
<ul>
49-
<li><strong>Take Action</strong></li>
50-
<li><a href="{{ site.data.links.registration }}" target="_blank">Attend{% include ext-arrow.html %}</a></li>
51-
<li><a href="{{ site.data.links.volunteer }}">Volunteer</a></li>
52-
<li><a href="{{ '/contact' | relative_url }}">Contact</a></li>
53-
</ul>
54-
</nav>
55-
</aside>
56-
</div>
57-
<!-- {% include signup-form.html %} -->
58-
</div>
59-
<br/>
60-
<div class="organizing-partners">
61-
<p><strong>Civic Spark is organized by:</strong></p>
62-
<div class="partner-logos">
63-
{% for sponsor in site.data.sponsors %}
64-
{% if sponsor.level == "organizing_partner" %}
65-
<a href="{{ sponsor.url }}" target="_blank" rel="noopener noreferrer" title="{{ sponsor.title }}">
66-
<img src="{{ site.baseurl }}/assets/images/sponsors/{{ sponsor.logo }}" alt="{{ sponsor.title }}" class="partner-logo">
67-
</a>
68-
{% endif %}
69-
{% endfor %}
36+
<p>
37+
​Share&nbsp;your&nbsp;story. Spark&nbsp;connection. Shape&nbsp;what’s&nbsp;next.
38+
</p>
39+
<div class="grid">
40+
<div>
41+
<div class="organizing-partners">
42+
<p><strong>Organized by:</strong></p>
43+
<div class="partner-logos">
44+
{% for sponsor in site.data.sponsors %} {% if sponsor.level ==
45+
"organizing_partner" %}
46+
<a
47+
href="{{ sponsor.url }}"
48+
target="_blank"
49+
rel="noopener noreferrer"
50+
title="{{ sponsor.title }}"
51+
>
52+
<img
53+
src="{{ site.baseurl }}/assets/images/sponsors/{{ sponsor.logo }}"
54+
alt="{{ sponsor.title }}"
55+
class="partner-logo"
56+
/>
57+
</a>
58+
{% endif %} {% endfor %}
59+
</div>
60+
</div>
61+
<br />
62+
<aside class="grid footer-nav">
63+
<nav>
64+
<ul>
65+
<li><strong>General Information</strong></li>
66+
<li><a href="{{ '/about-us/' | relative_url }}">About Us</a></li>
67+
<li><a href="{{ '/sponsors/' | relative_url }}">Sponsors</a></li>
68+
<li><a href="{{ '/location/' | relative_url }}">Event Location</a></li>
69+
</ul>
70+
</nav>
71+
<nav>
72+
<ul>
73+
<li><strong>Programming</strong></li>
74+
<li><a href="{{ '/conference/' | relative_url }}">Conference</a></li>
75+
<li><a href="{{ '/unconference/' | relative_url }}">Unconference</a></li>
76+
</ul>
77+
</nav>
78+
<nav>
79+
<ul>
80+
<li><strong>Media</strong></li>
81+
<li><a href="{{ '/media-kit/' | relative_url }}">Media Kit</a></li>
82+
</ul>
83+
</nav>
84+
<nav>
85+
<ul>
86+
<li><strong>Take Action</strong></li>
87+
<li>
88+
<a href="{{ site.data.links.registration }}" target="_blank"
89+
>Attend{% include ext-arrow.html %}</a
90+
>
91+
</li>
92+
<li><a href="{{ site.data.links.volunteer }}">Volunteer</a></li>
93+
<li><a href="{{ '/contact' | relative_url }}">Contact</a></li>
94+
</ul>
95+
</nav>
96+
</aside>
97+
</div>
98+
<!-- {% include signup-form.html %} -->
7099
</div>
100+
<br />
101+
<p>
102+
<small
103+
>{{ site.title }} &emsp;·&emsp; August 16 & 17, 2025 &emsp;·&emsp; Myhal Centre,
104+
University of Toronto &emsp;·&emsp;
105+
<a href="{{ site.data.links.codeofconduct }}" target="_blank"
106+
>code of conduct{% include ext-arrow.html %}</a
107+
></small
108+
>
109+
</p>
71110
</div>
72-
<br/>
73-
<p><small>{{ site.title }} &emsp;·&emsp; August 16 & 17, 2025 &emsp;·&emsp; Myhal Centre, University of Toronto &emsp;·&emsp; <a href="{{ site.data.links.codeofconduct }}" target="_blank">code of conduct{% include ext-arrow.html %}</a></small></p>
74-
</div>
75-
</footer>
111+
</footer>

0 commit comments

Comments
 (0)