Skip to content

Commit ea178e2

Browse files
keuneskeunes
committed
Add review cards, carousel
And add reviews to Google Podcasts blog post
1 parent 817788b commit ea178e2

File tree

4 files changed

+153
-4
lines changed

4 files changed

+153
-4
lines changed

‎_blog/2023-11-26-google podcasts migration.md

Lines changed: 100 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,9 +22,7 @@ The app is actively developed since 2011 by a small but dedicated team of volunt
2222
Say no more! Here is a brief overview of where to find the AntennaPod equivalents of the screens you are already used to in Google Podcasts:
2323

2424
* *Home*: the name is the same, but AntennaPod’s Home screen does not just contain a chronological feed of the latest episodes, it is a lot more powerful and customisable! To find out more, read our [blog post](https://antennapod.org/blog/2023/05/introducing-the-home-screen) introducing this feature. If you are looking for a chronological list, have a look at the "Episodes" screen.
25-
2625
* *Explore*: you can access new podcasts from the Discover section of the “Add podcast” screen. In AntennaPod, you can quickly change your location to a different country directly from the Discover screen, without having to go into your settings.
27-
2826
* *Library*: each of the four screens Google Podcasts lists as part of your Library (Subscriptions, Queue, Downloads, History) is available as a separate screen in AntennaPod, with all the features you are used to and then some more!
2927

3028
And that’s not all: just like Google Podcasts, AntennaPod has built-in support for casting to external devices, as well as automation features (for instance, automatic downloading and deletion). Plus you will gain access to new features, such as Swipe actions to make the app behave just like you want it.
@@ -43,7 +41,106 @@ Your subscriptions will automatically become available in AntennaPod.
4341

4442
Now you’re all set for your podcast listening journey to continue. Listen away and do tell everyone about AntennaPod, just like these users:
4543

46-
44+
<div id="reviewCarouselGooglePodcast" class="carousel slide pd-2" data-ride="carousel">
45+
<ol class="carousel-indicators m-0 ml-5 mb-2">
46+
<li data-target="#reviewCarouselGooglePodcast" data-slide-to="0" class="active"></li>
47+
<li data-target="#reviewCarouselGooglePodcast" data-slide-to="1"></li>
48+
<li data-target="#reviewCarouselGooglePodcast" data-slide-to="2"></li>
49+
<li data-target="#reviewCarouselGooglePodcast" data-slide-to="3"></li>
50+
<li data-target="#reviewCarouselGooglePodcast" data-slide-to="4"></li>
51+
{% if site.lang == 'nl' or site.lang == 'fr' or site.lang == 'de' or site.lang == 'es' %}<li data-target="#reviewCarouselGooglePodcast" data-slide-to="5"></li>{% endif %}
52+
</ol>
53+
<div class="carousel-inner">
54+
{% if site.lang == 'nl' %}
55+
<div class="carousel-item active" data-interval="7500">
56+
{% include review-card.html
57+
review-text="Fijne app! Ben geswitcht van Google naar AntennaPod en geen moment spijt gehad. Enige puntje is dat de sleeptimer niet ingesteld kan worden op 'einde van aflevering'."
58+
rating=5
59+
date="2 Nov 2023"
60+
reviewId="5714053b-55a3-40a5-936a-ca0e71462c65"
61+
%}
62+
</div>
63+
{% endif %}
64+
{% if site.lang == 'fr' %}
65+
<div class="carousel-item active">
66+
{% include review-card.html
67+
review-text="très bonne application. j espère qu'ils développeront une version desktop comme Google Podcast avec synchronisation des appareils"
68+
rating=4
69+
date="6 Nov 2023"
70+
reviewId="20b59766-19df-442e-a35e-c8b2eaa1d83f"
71+
%}
72+
</div>
73+
{% endif %}
74+
{% if site.lang == 'de' %}
75+
<div class="carousel-item active">
76+
{% include review-card.html
77+
review-text="Da Google-Podcast eingestellt werden soll hab ich mal das hier ausprobiert und was soll ich sagen... Das hätte ich mal gleich machen sollen!"
78+
rating=5
79+
date="12 Oct 2023"
80+
reviewId="f2a4cfab-7895-4d29-b796-57984cd63796"
81+
%}
82+
</div>
83+
{% endif %}
84+
{% if site.lang == 'es' %}
85+
<div class="carousel-item active" data-interval="10000">
86+
{% include review-card.html
87+
review-text="Vengo de Google podcast porque la van a cerrar. Llevo probando apps de podcasts y todas, tienen anuncios o no son nada intuitivas como iVoox o Spotify (y eso que tengo el premium). AntennaPod es fácil, sin anuncios, personalizable y los gestos hacen que añadir a tu cola los episodios sea tan sencillo como en Google podcast. Es mi nueva aplicación y pienso hacer publicidad de ella. ¡Gracias!"
88+
rating=5
89+
date="8 Oct 2023"
90+
reviewId="9b531028-4436-4b07-bd2f-837614a4f223"
91+
%}
92+
</div>
93+
{% endif %}
94+
<div class="carousel-item {% if site.lang != 'nl' and site.lang != 'fr' %}active{% endif %}">
95+
{% include review-card.html
96+
review-text="Great features, low power drain, no ads. Should have switched from Google Podcasts sooner!"
97+
rating=5
98+
date="12 Nov 2023"
99+
reviewId="8fa2c7fe-4e13-4f70-ad77-e0e093e48864"
100+
%}
101+
</div>
102+
<div class="carousel-item">
103+
{% include review-card.html
104+
review-text="The best substitute for Google Podcasts. I would be not exaggerating when I say that this app is even better than Google Podcasts."
105+
rating=5
106+
date="24 Nov 2023"
107+
reviewId="768bb841-15a6-47f6-a0a1-2b47d6780d45"
108+
%}
109+
</div>
110+
<div class="carousel-item" data-interval="10000">
111+
{% include review-card.html
112+
review-text="If you are looking for a replacement for Google's soon-to-be-discontinued podcast app, AntennaPod should be on your list. It is both more functional and customizable than Google and is free software."
113+
rating=5
114+
date="17 Nov 2023"
115+
reviewId="196b4df5-51e4-48d4-9d49-a4d2738722d8"
116+
%}
117+
</div>
118+
<div class="carousel-item">
119+
{% include review-card.html
120+
review-text="Nice replacement for Google Podcasts. Once paused, a podcast cannot always be continued from the notification menu. The search for new episodes is a bit slow, and few minor things should be improved but so far I'm satisfied"
121+
rating=4
122+
date="16 Oct 2023"
123+
reviewId="001ee234-23f5-46ab-ad74-21ffa95e4d25"
124+
%}
125+
</div>
126+
<div class="carousel-item">
127+
{% include review-card.html
128+
review-text="I was looking for a replacement for Google Podcasts which is soon to be discontinued, this was recommended on a review site. I think it's better. simple, easy to use, does exactly what I want"
129+
rating=5
130+
date="31 Oct 2023"
131+
reviewId="8ae6c0bf-52ef-4952-b3c8-169af26cf577"
132+
%}
133+
</div>
134+
</div>
135+
<button class="carousel-control-prev" type="button" data-target="#reviewCarouselGooglePodcast" data-slide="prev">
136+
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
137+
<span class="sr-only">{% t generic.previous %}</span>
138+
</button>
139+
<button class="carousel-control-next" type="button" data-target="#reviewCarouselGooglePodcast" data-slide="next">
140+
<span class="carousel-control-next-icon" aria-hidden="true"></span>
141+
<span class="sr-only">{% t generic.next %}</span>
142+
</button>
143+
</div>
47144

48145
*If you appreciate your new podcast app, or even if you miss a feature you relied upon, why not come and tell us about it on the [forum](https://forum.antennapod.org)?*
49146

‎_i18n/en.yml

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,8 @@ generic:
4040
body: "Check out this article"
4141
masto-share:
4242
server: "Enter your instance's address: (e.g. https://mastodon.social)"
43+
previous: "Previous"
44+
next: "Next"
4345

4446
month:
4547
Jan: "Jan"

‎_includes/review-card.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<div class="card mt-2 mb-2 review-card">
2+
<div class="card-body m-2 ml-5 mr-5">
3+
<blockquote class="blockquote m-0">
4+
{{- include.review-text -}}
5+
</blockquote>
6+
<ul class="rating-list d-flex">
7+
{% assign fullStars = include.rating | floor %}
8+
{% for i in (1..fullStars) %}
9+
<li><i class="fa-solid fa-star text-warning"></i></li>
10+
{% endfor %}
11+
{% assign halfStar = include.rating | modulo: 1 | round %}
12+
{% if halfStar != 0 %}
13+
<li><i class="fa-solid fa-star-half-stroke text-warning"></i></li>
14+
{% endif %}
15+
{% assign emptyStars = 5 | minus: include.rating | floor %}
16+
{% for i in (1..emptyStars) %}
17+
<li><i class="fa-regular fa-star text-warning"></i></li>
18+
{% endfor %}
19+
</ul>
20+
<p class="text-secondary">{{- include.date | date: "%A %e %B %Y" -}}</p>
21+
</div>
22+
</div>

‎_sass/_custom.scss

Lines changed: 29 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -188,7 +188,6 @@ h6 {
188188
// Paragraphs and Custom Font Sizes
189189

190190
p {
191-
font-size: 16px;
192191
color: $brand-dark;
193192
}
194193

@@ -953,6 +952,35 @@ i.member-img {
953952
}
954953
}
955954

955+
.rating-list {
956+
padding-left: 15px;
957+
958+
li {
959+
list-style-type: none !important;
960+
margin: 0 0.5rem 0 0 !important;
961+
}
962+
}
963+
964+
#reviewCarouselGooglePodcast {
965+
.carousel-control-prev, .carousel-control-next {
966+
width: 7%;
967+
}
968+
.carousel-control-prev-icon, .carousel-control-next-icon {
969+
background-color: $brand-dark;
970+
border-radius: 50%;
971+
}
972+
.carousel-indicators {
973+
justify-content: unset;
974+
975+
li {
976+
background-color: $brand-dark;
977+
}
978+
}
979+
blockquote {
980+
border-left: 4px solid $brand-dark;
981+
}
982+
}
983+
956984
@media (max-width: 768px) {
957985
.post-card img {
958986
height: auto;

0 commit comments

Comments
 (0)