antennapod.github.io/index.html at master · AntennaPod/antennapod.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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
---
layout: homepage
---

<!-- Interactive Demo Section -->
{% comment %}
<div class="container-fluid bg-body-tertiary py-5">
    <div class="container">
        {% include interactive-demo.html %}
    </div>
</div>
{% endcomment %}

<!-- Feature: Ad-Free -->
<div class="container-fluid bg-body-tertiary">
    <div class="container pt-3 pb-0">
        <div class="row justify-content-between align-items-center py-5 text-lg-start">
            <div class="col-12 col-lg-6 order-2 order-lg-2">
                <h2 class="text-body hero-header">{% t homepage.features.adfree.title %}</h2>
                <p class="fs-5 mb-4 text-body">{% t homepage.features.adfree.description %}</p>
            </div>
            <div class="col-12 col-lg-5 order-1 order-lg-1 ps-lg-0 mb-4 mb-lg-0">
                <div class="w-50 half-phone float-md-end">
                    {% capture img-alt-adfree %}{% t homepage.features.adfree.img-alt %}{% endcapture %}
                    {% include image.html
                       alt=img-alt-adfree
                       loc="/assets/images/screenshots"
                       file="00.png"
                       class="w-100"
                    %}
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Feature: Listen Anywhere -->
<div class="container-fluid bg-body-tertiary">
    <div class="container pt-3 pb-0">
        <div class="row justify-content-between align-items-center py-5 text-lg-end">
            <div class="col-12 col-lg-6 order-2 order-lg-1">
                <h2 class="text-body hero-header">{% t homepage.features.listenanywhere.title %}</h2>
                <p class="fs-5 mb-4 text-body">{% t homepage.features.listenanywhere.description %}</p>
            </div>
            <div class="col-12 col-lg-5 order-1 order-lg-2 ps-lg-0 mb-4 mb-lg-0">
                <div class="w-50 half-phone float-md-start">
                    {% capture img-alt-listenanywhere %}{% t homepage.features.listenanywhere.img-alt %}{% endcapture %}
                    {% include image.html
                       alt=img-alt-listenanywhere
                       loc="/assets/images/screenshots"
                       file="00.png"
                       class="w-100"
                    %}
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Community Section: Contributions & Forum -->
<div class="container-fluid py-5">
    <div class="container">
        <div class="row g-4">
          {% comment %}
            <div class="col-lg-6">
                {% include contributions-graph.html %}
            </div>
          {% endcomment %}
            <div class="col-lg-6">
                {% include forum-posts.html limit=5 %}
            </div>
        </div>
    </div>
</div>