Add Media kit & Branding page

.github/workflows/clear-translation-target-files.txt

@@ -5,3 +5,4 @@
 !documentation-pages/*
 !general-pages/*
 !general-strings/*
+!press-releases/*

.github/workflows/en-updates-to-translation-repo.yml

@@ -30,6 +30,8 @@ jobs:
         run: md2po _i18n/en/contribute/*.md --po-filepath _i18n/translation-files/site-contribute.pot --save --quiet
       - name: Create/update POT file of Documentation section
         run: md2po _i18n/en/documentation/*.md _i18n/en/documentation/*/*.md --po-filepath _i18n/translation-files/site-documentation.pot --save --quiet
+      - name: Create/update POT file of Press releases
+        run: md2po _i18n/en/press-releases/*.md --po-filepath _i18n/translation-files/site-press-releases.pot --save --quiet
       - name: Create/update POT file of other website pages
         run: md2po _i18n/en/general/*.md --po-filepath _i18n/translation-files/site-general.pot --save --quiet
       - name: Push to translation-files branch

.github/workflows/translation-updates-to-main-repo.yml

@@ -113,6 +113,20 @@ jobs:
             done
             cd ../
           done
+      - name: Make Press releases
+        run: |
+          cd _i18n/en/press-releases
+          languages=(${{ env.languages }})
+          for language in "${languages[@]}"
+          do mkdir -p ../../$language/press-releases
+          done
+          for file in *
+          do
+            for language in "${languages[@]}"
+            do po2md $file --po-files ../../../translation-files/press-releases/site-press-releases_$language.po --save ../../$language/press-releases/$file --wrapwidth inf
+            git add ../../$language/press-releases/$file
+            done
+          done
       - name: Make General pages
         run: |
           cd _i18n/en/general

_config.yml

@@ -37,6 +37,9 @@ collections:
   events:
     output: true
     permalink: /events/:year/:month/:title
+  press-releases:
+    output: true
+    permalink: /media-branding/press-releases/:year/:month/:title
 
 defaults:
   - scope:
@@ -49,6 +52,11 @@ defaults:
       type: "events"
     values:
       layout: "event"
+  - scope:
+      path: ""
+      type: "press-releases"
+    values:
+      layout: "press-release"
 
 # Exclude from processing.
 # The following items will not be processed, by default.

_i18n/da.yml

@@ -8,7 +8,6 @@ titles:
   download: Hent AntennaPod
   about: Om
   contribute: Bidrag
-  media-kit: Pressemateriale
   events: Begivenheder
 generic:
   home: Hjem

_i18n/de.yml

@@ -116,7 +116,6 @@ titles:
   about: Über
   privacy: Datenschutzbestimmungen
   media: Pressemappe
-  media-kit: Pressematerial
   events: Veranstaltungen
 generic:
   share: Teilen

_i18n/en.yml

@@ -7,7 +7,7 @@ titles:
   events: "Events"
   download: "Download AntennaPod"
   forum: "Forum"
-  media-kit: "Media Kit"
+  media-branding: "Media kit and brand guidelines"
   license: "License"
   privacy: "Privacy Policy"
 
@@ -199,6 +199,26 @@ events:
   recurrence:
     every-2nd-saturday: "every second Saturday of the month"
 
+## Media and Brand Kit
+media-branding:
+  general:
+    introduction: AntennaPod is the free and open source podcast app for Android. Here you'll find our announcements, logos and more.
+    core-principles: More about our core principles and history.
+    logos:
+      title: Logos
+      icon: App icon
+      wordmark: Icon + word mark
+      all-logos: View all logos
+      logo-pack: Full logo pack [ZIP]
+    brand-guidelines: Brand guidelines
+  press-releases:
+    general:
+      announcements: Announcements
+      announcement: Announcement
+      published: Published
+    2023:
+      version3: Free podcasting app for Android ‘AntennaPod’ adds new Home screen and gets new look in 3.0 release
+
 ## Footer
 footer:
   description: "The easy-to-use, flexible and open-source podcast manager for Android."

_i18n/en/press-releases/2023-05-08-version-3.md

@@ -0,0 +1,34 @@
+{: .lead}
+Tuesday 9 May 2023 – The new 3.0 release of the free and ad-free podcast app for Android ‘AntennaPod’ introduces a Home screen, giving users an overview of the most important sections and content in the app. This new version will land in users’ hands with a refreshed icon and interface. The updated app is available for download on Google Play and F-Droid from today.
+
+The newly added Home screen introduces a navigation flow that encourages users to discover the content from podcasters they trust and have subscribed to. By drawing on local app data the screen personalizes the app experience while respecting users' privacy.
+
+The Home screen allows users to quickly pick up episodes they started listening before, find newly released episodes and more. Sections on the screen display content to directly play or open, and provide quick access to the most commonly used screens like the Queue. The Home screen also builds on the Inbox, which was introduced in the previous release and positively received by users.
+
+AntennaPod's new modern look follows Google's '[Material 3](https://m3.material.io/)' design system. With it, the app now also supports [dynamic colors](https://www.android.com/android-12/#a12-color-reimagined), a method to match system and app themes with a user's wallpaper, as well as [themed icons](https://www.android.com/android-13/#a13-your-phone-your-aesthetic), the monochrome app icons introduced in Android 13.
+
+The app also has a refreshed app icon, which features prominently in the splash screen. The evolution of the icon is part of a brand update for the whole project, an exercise that is lead by and a contribution of the design company [Freehive](https://freehive.com/) (known in the open source community from their Gnome 40 release video).
+
+Other improvements in the 3.0 release include the ability to remove a single episode from the playback history, better episode spread while using smart shuffle in the queue, multi-select in the Inbox and the ability to load an episode's latest chapters if based on the Podcasting 2.0 standard.
+
+<hr class="border-bottom my-3"/>
+
+AntennaPod is a volunteer- and donation-based project. It is always open to contributions of all types, such as website and app development, translations, marketing, user research and design.
+
+To find out more about the project, try the app via [Google Play](https://play.google.com/store/apps/details?id=de.danoeh.antennapod) or [F-Droid](https://f-droid.org/packages/de.danoeh.antennapod/), or check the website on [www.antennapod.org](http://www.antennapod.org/).
+
+To discover the Home screen in detail, have a look at our blog post [Welcome Home! Introducing AntennaPod's new default screen](https://antennapod.org/blog/2023/05/introducing-the-home-screen).
+
+<!-- mdpo-disable -->
+{% include image.html
+   alt="
+      <!-- mdpo-enable-next-line -->
+      Visual explainer of the Home screen features.
+
+      "
+   loc="/assets/images/blog/2023"
+   file="Home-screen-showcase.png"
+   max-width="25rem"
+   class="w-100"
+%}
+<!-- mdpo-enable -->

_i18n/es.yml

@@ -8,7 +8,6 @@ titles:
   media: Kit de prensa
   license: Licencia
   documentation: Documentación
-  media-kit: Dossier de medios
   events: Eventos
 generic:
   home: Inicio

_i18n/fr.yml

@@ -6,7 +6,6 @@ titles:
   download: Télécharger AntennaPod
   license: Licence
   forum: Forum
-  media: Kit presse
   privacy: Politique de confidentialité
 generic:
   share: Partager

_i18n/it.yml

@@ -88,7 +88,6 @@ titles:
   documentation: Documentazione
   download: Scarica AntennaPod
   about: Cos'è
-  media: Cartella stampa
   privacy: Informativa sulla privacy
   forum: Forum
   license: Licenza

_i18n/nl.yml

@@ -62,8 +62,6 @@ titles:
   download: Download AntennaPod
   forum: Forum
   license: Licentie
-  media: Mediakit
-  media-kit: Persmateriaal
   events: Evenementen
 homepage:
   header: De Open Podcast Speler

_includes/breadcrumbs.html

@@ -1,4 +1,4 @@
-<div id="breadcrumbs" class="pb-3">
+<div id="breadcrumbs">
     {% assign crumbs = page.url | remove:'/index.html' | split: '/' %}
     <a href="/{% if site.lang != 'en' %}{{ site.lang }}{% endif %}">{% t generic.home %}</a>
     {% for crumb in crumbs offset: 1 %}

_includes/footer.html

@@ -31,8 +31,8 @@
                     <div class="small">
                         <div class="mb-2 size-16"><a class="color-gray-900"
                                 href="{{ site.baseurl }}/download"><span>{% t titles.download %}</span></a></div>
-                        <!--<div class="mb-2 size-16"><a class="color-gray-900"
-                                href="{{ site.baseurl }}/media-kit"><span>{% t titles.media-kit %}</span></a></div>-->
+                        <div class="mb-2 size-16"><a class="color-gray-900"
+                                href="{{ site.baseurl }}/media-branding"><span>{% t titles.media-branding %}</span></a></div>
                     </div>
                 </div>
                 <div class="col-5 col-lg-2 col-md-4 col-sm-4">

_layouts/doc.html

@@ -8,8 +8,10 @@
     {% include nav.html %}
     <div class="container-fluid">
         <div class="container py-4">
-            <article class="post-content">
+            <div class="pt-2 pb-3">
                 {% include breadcrumbs.html %}
+            </div>
+            <article class="post-content">
                 {{ content | remove: "<!-- mdpo-disable -->" | remove: "<!-- mdpo-enable -->" | remove: "<!-- mdpo-disable-next-line -->" | remove: "<!-- mdpo-enable-next-line -->" }}
             </article>
 

_layouts/press-release.html

@@ -0,0 +1,32 @@
+---
+layout: internal
+---
+
+<header class="post-header">
+  <div class="container-fluid background-gray-100 pt-4 pb-2">
+    <div class="container">
+      <h1 class="color-gray-800 weight-700">{% t {{ page.title }} %}</h1>
+    </div>
+  </div>
+  <div class="container py-2">
+    <div class="row no-gutters align-items-center justify-content-between">
+      <!--<div class="column">
+        {% include breadcrumbs.html %}
+      </div>-->
+      <div class="column">
+         {% include share.html %}
+      </div>
+    </div>
+  </div>
+</header>
+<div class="container-fluid py-4">
+  <div class="container">
+    <div class="row justify-content-center">
+      <div class="col-lg-12">
+        <article class="post-content">
+            {{ content }}
+        </article>
+      </div>
+    </div>
+  </div>
+</div>

_plugins/filename.rb

@@ -0,0 +1,26 @@
+# from https://stackoverflow.com/a/74381528
+
+require 'pathname'
+
+module Jekyll
+  class Filename
+    def self.hook_proc
+      proc { |page|
+        page.data['filename'] = Filename.new(Pathname.new(page.path).basename)
+      }
+    end
+
+    def initialize(filename)
+      raise "empty filename" if filename.empty?
+      @filename = filename
+    end
+
+    def to_liquid
+      @filename
+    end
+  end
+
+  Hooks.register :pages, :post_init, &Filename.hook_proc
+  Hooks.register :documents, :post_init, &Filename.hook_proc
+end
+

_press-releases/2023-05-08-version-3.md

@@ -0,0 +1,6 @@
+---
+title: media-branding.press-releases.2023.version3
+date: "2023-05-09 08:00:00"
+---
+
+{% tf press-releases/{{ page.filename }} %}

media-branding/index.html

@@ -0,0 +1,88 @@
+---
+layout: internal
+title: titles.media-branding
+---
+
+<div class="container-fluid background-gray-100 py-4">
+  <div class="container">
+    <div class="row">
+      <div class="col-md">
+         <h1 class="color-gray-800 weight-700">{% t titles.media-branding %}</h1>
+      </div>
+    </div>
+    <div class="row justify-content-start">
+      <div class="col-md-5">
+        <p class="color-gray-800 h3 pt-2">{% t media-branding.general.introduction %}</p>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="container-fluid">
+  <div class="container pt-5">
+    <div class="row justify-content-between">
+      <div class="col-md-8">
+          {% for press-release in site.press-releases reversed %}
+          {% if press-release.unlisted != true %}
+          <div class="card mb-4">
+            <a class="stretched-link" href="{{ site.baseurl }}{{ press-release.url | replace:'.html','' }}"></a>
+              <div class="card-header text-muted text-uppercase border-bottom bg-transparent">{% t media-branding.press-releases.general.announcement %}</div>
+              <div class="card-body">
+                <h3 class="card-title">{% t press-release.title %}</h3>
+                <!--<h5 class="card-subtitle mb-2 text-muted">{% t media-branding.press-releases.general.published %} 
+                  {% capture month %}{{ press-release.date | date: "%b" }}{% endcapture %}
+                  {% t month.{{ month }} %} {{ press-release.date | date: "%-d, %Y"}}</h5>-->
+                <p class="card-text">{{ press-release.excerpt | strip_html | truncatewords: 50 }}</p>
+              </a>
+            </div>
+          </div>
+          {% endif %}
+          {% endfor %}
+      </div>
+      <div class="col-md-4">
+        <div class="card mb-4">
+          <div class="card-body">
+            <div class="card-text">
+              <p class="h4">{% t media-branding.general.core-principles %}</p>
+              <a class="stretched-link float-right" href="{{ site.baseurl }}/about"></a>
+            </div>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-body">
+            <h4 class="card-title mb-0">{% t media-branding.general.logos.title %}</h4>
+          </div>
+          <ul class="list-group list-group-flush">
+            <li class="list-group-item bg-transparent">
+              <a href="https://raw.githubusercontent.com/AntennaPod/Branding/master/Logo/logo-icon.svg" download="AntennaPod-icon.svg">
+                {% include image.html
+                  file="https://raw.githubusercontent.com/AntennaPod/Branding/master/Logo/logo-icon.svg"
+                  max-height="2rem"
+                %}
+              </a>
+              <br>
+              {% t media-branding.general.logos.icon %}</li>
+            <li class="list-group-item bg-transparent">
+              <a href="https://raw.githubusercontent.com/AntennaPod/Branding/master/Logo/logo-full-horizontal-dark.svg" download="AntennaPod-full-horizontal-dark.svg">
+              {% include image.html
+                file="https://raw.githubusercontent.com/AntennaPod/Branding/master/Logo/logo-full-horizontal-dark.svg"
+                max-height="2rem"
+              %}
+             </a>
+             <br>
+             {% t media-branding.general.logos.wordmark %}</li>
+            <!--<li class="list-group-item bg-transparent">
+              {% include image.html
+                file="https://raw.githubusercontent.com/AntennaPod/Branding/master/Logo/logo-full-horizontal-dark.svg"
+                max-height="2rem"
+              %}<br>
+             {% t media-branding.general.logos.logo-pack %}</li>-->
+          </ul>
+          <div class="card-body">
+            <p><a href="https://github.com/AntennaPod/Branding/tree/master/Logo">{% t media-branding.general.logos.all-logos %}</a></p>
+            <!--<p><a href="#">{% t media-branding.general.brand-guidelines %}</a></p>-->
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>