amphp.github.io/sponsors.html at master · amphp/amphp.github.io · GitHub

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
---
title: Sponsors
permalink: /sponsors
layout: base
---
<style>
    .h-center h1, .h-center h2 { text-align: center }
    .h-center h2 { margin-top: 50px; }
    .h-center > p { text-align: center }
    .business-sponsors { display: flex; flex-wrap: wrap; justify-content: center; }
    .business-sponsors > div { margin: 0 20px 20px; }
    .other-sponsors { max-width: 230px; margin: 10px auto; }
    .other-sponsors > ul { list-style: circle; }
    .other-sponsors > ul > li > a { font-weight: normal; }
    .other-sponsors > ul > li.sponsor-highlight > a { font-weight: bold; }
    .other-sponsors > p { text-align: center }
    .sponsor-button { text-align: center; }
    .sponsor-description { text-align: center; }
    .sponsor-description > h3 { margin-top: 0; }
    .sponsor-description > p { margin-bottom: 0; }
    img.sponsor-logo { max-width: 200px; }
</style>
<div class="content site-width h-center">

    <div class="sponsor-button">
        <h2>Show your support for Amp by becoming a sponsor on GitHub!</h2>
        <iframe src="https://github.com/sponsors/amphp/button" title="Sponsor amphp" height="35" width="107" style="border: 0; margin-top: 3px"></iframe>
    </div>

    <h2>Business Sponsors</h2>

    <div class="business-sponsors">
        {% for sponsor in site.data.sponsors.business %}
        <div class="sponsor-description">
            <p><a href="{{ sponsor.link }}"><img class="sponsor-logo" src="{{ sponsor.logo }}" alt="{{ sponsor.name }}"/></a></p>
            <h3><a href="{{ sponsor.link }}">{{ sponsor.name }}</a></h3>
            <p>{{ sponsor.description }}</p>
        </div>
        {% endfor %}

    </div>

    <h2>Other Sponsors</h2>

    <div class="other-sponsors">
        <p>Thank you to all our sponsors!</p>
        <ul>
        {% for sponsor in site.data.sponsors.other %}
            <li class="sponsor-github {% if sponsor.highlight %}sponsor-highlight{% endif %}">
                <a title="{{ sponsor.github }}" href="https://github.com/{{ sponsor.github }}">{{ sponsor.github }}</a>
            </li>
        {% endfor %}
        </ul>
    </div>

</div>