Adds banner for announcement of live stream event (#3961)

* Adds banner for announcement of live stream event * Linting fixes * Make date clearer * Move to non-year template * Remove redundant line --------- Co-authored-by: Barry Pollard <[email protected]>
HTTPArchive · Dec 9, 2024 · 80218fe · 80218fe
1 parent 8433860
commit 80218fe
Show file tree

Hide file tree

Showing 16 changed files with 180 additions and 0 deletions.
diff --git a/src/static/css/index.css b/src/static/css/index.css
@@ -12,6 +12,20 @@ header.alt-bg {
   margin-bottom: -52.94em;
 }
 
+aside.banner {
+  background: #f7f779;
+  padding: 15px 0;
+  text-align: center;
+}
+
+aside.banner a {
+  color: #1a2b49;
+}
+
+aside.banner p {
+  margin: 0;
+}
+
 #maincontent {
   display: -ms-grid;
   display: grid;

diff --git a/src/static/live-stream.ics b/src/static/live-stream.ics
@@ -0,0 +1,53 @@
+BEGIN:VCALENDAR
+CALSCALE:GREGORIAN
+PRODID:-//Apple Inc.//macOS 15.1.1//EN
+VERSION:2.0
+BEGIN:VTIMEZONE
+TZID:America/Toronto
+BEGIN:DAYLIGHT
+DTSTART:20070311T020000
+RRULE:FREQ=YEARLY;BYMONTH=3;BYDAY=2SU
+TZNAME:EDT
+TZOFFSETFROM:-0500
+TZOFFSETTO:-0400
+END:DAYLIGHT
+BEGIN:STANDARD
+DTSTART:20071104T020000
+RRULE:FREQ=YEARLY;BYMONTH=11;BYDAY=1SU
+TZNAME:EST
+TZOFFSETFROM:-0400
+TZOFFSETTO:-0500
+END:STANDARD
+END:VTIMEZONE
+BEGIN:VEVENT
+ATTACH;SIZE=111568;VALUE=URI;X-APPLE-FILENAME=1_1 - Social Media Medium.
+ jpeg:https://gateway.icloud.com/caldav/1_MTExMjQ1OTIxMTEyNDU5MtKT3Rbf65o
+ Rdkfh1xQ4H2YycKhBV9wT7AD-cztTqfhK/attach/4_GEYTCMRUGU4TEMJRGEZDINJZGJUJ5
+ RFU3I7G6UGPO55BMAYOC7E47V7YIFHLMRKZAW75FMIUNOYS6MAIRF3GJQN5ETL337WL5VRCF
+ Y3HNGX44J4JHJ7EVJZ2UOK6V4MURASQXBULB6HINAF2TBEKEP5RZSB4CFNS2VNJT7NLVFZRK
+ 3RTBE6BZJ6LVS664XXKZIDZ6FJRRBOQQKZ7GTZLIMYJ2BC37EYSIRZO2SWIFD6XX2OKNC5ST
+ XKNLGPSX6PMXX5MLG7HNXGXZ7LOJGMOKNG65YDU4GDAWO4ZYPJ4AYNSFEN3P363AKTTO2AWU
+ 2OCT2FUTLZVR67RW/1_1+-+Social+Media+Medium.jpeg
+CREATED:20241202T164742Z
+DESCRIPTION:The Web Almanac Live! stream is an event to celebrate the re
+ lease of the 2024 edition of The HTTP Archive's Web Almanac. It will fea
+ ture chapter authors as well as discussions around the data they uncover
+ ed\, some they didn't and all things in between in this year's edition.
+ Join us for lively discussions as we go through results from 17 million
+ websites analyzed and 83 TB of data processed. Tuesday\, 10th December at
+ 13h EST.
+DTEND;TZID=America/Toronto:20241210T143000
+DTSTAMP:20241203T132359Z
+DTSTART;TZID=America/Toronto:20241210T130000
+LAST-MODIFIED:20241203T132349Z
+LOCATION:https://www.youtube.com/live/cdYR0ZmplIM?si=JSGEjt2Z5r-uFDgR
+SEQUENCE:0
+SUMMARY:Live Stream: The 2024 Web Almanac
+TRANSP:OPAQUE
+UID:115E4869-3F22-468B-8CAB-03E06F87DF78
+URL;VALUE=URI:https://www.youtube.com/live/cdYR0ZmplIM?si=JSGEjt2Z5r-uFD
+ gR
+X-APPLE-CREATOR-IDENTITY:com.apple.calendar
+X-APPLE-CREATOR-TEAM-IDENTITY:0000000000
+END:VEVENT
+END:VCALENDAR
diff --git a/src/templates/base/base.html b/src/templates/base/base.html
@@ -383,6 +383,15 @@
 
 {% block content%}
   <div id="skiptocontent"><a href="#maincontent">{{ self.skip_navigation() }}</a></div>
+  {% block announcement %}
+    {% if self.announcement_text %}
+      <aside class="banner">
+        <div class="container">
+          {{ self.announcement_text() }}
+        </div>
+      </aside>
+    {% endif %}
+  {% endblock %}
   {% block header %}
   <header id="header" class="alt-bg">
     <div class="container">

diff --git a/src/templates/en/base.html b/src/templates/en/base.html
@@ -18,6 +18,14 @@
 {% block intro_title %}Web Almanac{% endblock %}
 {% block intro_sub_title %}HTTP Archive&#8217;s annual<br> <b>state of the web</b> report{% endblock %}
 
+{% block announcement_text %}
+<p lang="en">
+  Join our live stream for this year's edition on Tuesday, 10th December 2024 on
+  <a href="https://www.youtube.com/live/cdYR0ZmplIM">YouTube</a>,
+  or save the <a href="/static/live-stream.ics">calendar event</a>!
+</p>
+{% endblock %}
+
 {% block mission %}
 <p>
 Our mission is to combine the raw stats and trends of the HTTP Archive with the expertise of the web community. The Web Almanac is a comprehensive report on the state of the web, backed by real data and trusted web experts. The {{ year }} edition is comprised of {{ supported_chapters | length }} chapters spanning aspects of page content, user experience, publishing, and distribution.

diff --git a/src/templates/es/base.html b/src/templates/es/base.html
@@ -18,6 +18,14 @@
 {% block intro_title %}Web Almanac{% endblock %}
 {% block intro_sub_title %}HTTP Archive informe del<br><b>estado de la web</b> anual{% endblock %}
 
+{% block announcement_text %}
+<p lang="en">
+  Join our live stream for this year's edition on Tuesday, 10th December 2024 on
+  <a href="https://www.youtube.com/live/cdYR0ZmplIM">YouTube</a>,
+  or save the <a href="/static/live-stream.ics">calendar event</a>!
+</p>
+{% endblock %}
+
 {% block mission %}
 <p>
   Nuestra misión es combinar las estadísticas y tendencias sin procesar del HTTP Archive con la experiencia de la comunidad web. Web Almanac es un informe exhaustivo sobre el estado de la web, respaldado por datos reales y expertos web de confianza. La edición de {{ year }} consta de {{ supported_chapters | length }} capítulos que abarcan aspectos del contenido de la página, la experiencia del usuario, la publicación y la distribución.

diff --git a/src/templates/fr/base.html b/src/templates/fr/base.html
@@ -18,6 +18,14 @@
 {% block intro_title %}Web Almanac{% endblock %}
 {% block intro_sub_title %}Rapport annuel<br>de HTTP Archive sur<br><b>l’état du Web</b>{% endblock %}
 
+{% block announcement_text %}
+<p lang="en">
+  Join our live stream for this year's edition on Tuesday, 10th December 2024 on
+  <a href="https://www.youtube.com/live/cdYR0ZmplIM">YouTube</a>,
+  or save the <a href="/static/live-stream.ics">calendar event</a>!
+</p>
+{% endblock %}
+
 {% block mission %}
 <p>
 Notre mission est de combiner les statistiques brutes et les tendances de HTTP Archive avec l’expertise de la communauté web. Le Web Almanac est un rapport complet sur l’état du Web, soutenu par des données réelles et des experts du Web. L’édition {{ year }} se compose de {{ supported_chapters | length }} chapitres couvrant l’expérience utilisateur, le contenu des pages, leur publication et leur distribution.

diff --git a/src/templates/hi/base.html b/src/templates/hi/base.html
@@ -18,6 +18,14 @@
 {% block intro_title %}Web Almanac{% endblock %}
 {% block intro_sub_title %}HTTP Archive के वार्षिक<br> <b>वेब की स्थिति</b> की रिपोर्ट{% endblock %}
 
+{% block announcement_text %}
+<p lang="en">
+  Join our live stream for this year's edition on Tuesday, 10th December 2024 on
+  <a href="https://www.youtube.com/live/cdYR0ZmplIM">YouTube</a>,
+  or save the <a href="/static/live-stream.ics">calendar event</a>!
+</p>
+{% endblock %}
+
 {% block mission %}
 <p>
 हमारा उद्देश्य वेब समुदाय की विशेषज्ञता के साथ HTTP Archive के कच्चे आँकड़ों और रुझानों को जोड़ना है। Web Almanac वेब की स्थिति पर एक व्यापक रिपोर्ट है, जो वास्तविक डेटा और विश्वसनीय वेब विशेषज्ञों द्वारा समर्थित है। यह पृष्ठ सामग्री, यूजर एक्सपीरियंस, प्रकाशन, {{ year }} संस्करण वितरण के पहलुओं को फैलाने वाले {{ supported_chapters | length }} अध्यायों से युक्त है।

diff --git a/src/templates/it/base.html b/src/templates/it/base.html
@@ -18,6 +18,14 @@
 {% block intro_title %}Web Almanac{% endblock %}
 {% block intro_sub_title %}Rapporto annuale<br> <b>sullo stato del web</b> di HTTP Archive{% endblock %}
 
+{% block announcement_text %}
+<p lang="en">
+  Join our live stream for this year's edition on Tuesday, 10th December 2024 on
+  <a href="https://www.youtube.com/live/cdYR0ZmplIM">YouTube</a>,
+  or save the <a href="/static/live-stream.ics">calendar event</a>!
+</p>
+{% endblock %}
+
 {% block mission %}
 <p>
 La nostra missione è combinare le statistiche grezze e le tendenze del HTTP Archive con l'esperienza della comunità web. Il Web Almanac è un rapporto completo sullo stato del web, supportato da dati reali e da esperti web di fiducia. L'edizione {{ year }} è composta da {{supported_chapters | length}} capitoli che abbracciano aspetti del page content, user experience, publishing e distribution.

diff --git a/src/templates/ja/base.html b/src/templates/ja/base.html
@@ -18,6 +18,14 @@
 {% block intro_title %}Web Almanac{% endblock %}
 {% block intro_sub_title %}HTTP Archiveの年次報告書<br> <b>ウェブの状態</b>レポート{% endblock %}
 
+{% block announcement_text %}
+<p lang="en">
+  Join our live stream for this year's edition on Tuesday, 10th December 2024 on
+  <a href="https://www.youtube.com/live/cdYR0ZmplIM">YouTube</a>,
+  or save the <a href="/static/live-stream.ics">calendar event</a>!
+</p>
+{% endblock %}
+
 {% block mission %}
 <p>
 私たちの使命は、HTTP Archiveの生の統計やトレンドを、ウェブコミュニティの専門知識と組み合わせることです。Web Almanacは、実際のデータと信頼できるウェブの専門家に裏付けられた、ウェブの状態に関する包括的なレポートです。{{ year }}年版は、ページコンテンツ、ユーザー体験、パブリッシング、配布などの側面を網羅した{{ supported_chapters | length }}の章で構成されています。

diff --git a/src/templates/nl/base.html b/src/templates/nl/base.html
@@ -18,6 +18,14 @@
 {% block intro_title %}Web Almanac{% endblock %}
 {% block intro_sub_title %}HTTP Archive&#8217;s jaarlijkse<br><b>staat van het web</b>rapport{% endblock %}
 
+{% block announcement_text %}
+<p lang="en">
+  Join our live stream for this year's edition on Tuesday, 10th December 2024 on
+  <a href="https://www.youtube.com/live/cdYR0ZmplIM">YouTube</a>,
+  or save the <a href="/static/live-stream.ics">calendar event</a>!
+</p>
+{% endblock %}
+
 {% block mission %}
 <p>
   Onze missie is om de onbewerkte statistieken en trends van het HTTP Archive te combineren met de expertise van de webgemeenschap. De Web Almanac is een uitgebreid rapport over de staat van het internet, ondersteund door echte gegevens en vertrouwde webexperts. De editie van {{ year }} bestaat uit {{ supported_chapters | length }} hoofdstukken over aspecten van pagina-inhoud, gebruikerservaring, publicatie en distributie.

diff --git a/src/templates/pt/base.html b/src/templates/pt/base.html
@@ -18,6 +18,14 @@
 {% block intro_title %}Web Almanac{% endblock %}
 {% block intro_sub_title %}HTTP Archive relatório annual do <br> <b>estado da web</b>{% endblock %}
 
+{% block announcement_text %}
+<p lang="en">
+  Join our live stream for this year's edition on Tuesday, 10th December 2024 on
+  <a href="https://www.youtube.com/live/cdYR0ZmplIM">YouTube</a>,
+  or save the <a href="/static/live-stream.ics">calendar event</a>!
+</p>
+{% endblock %}
+
 {% block mission %}
 <p>
 Nossa missão é combinar as estatísticas brutas e as tendências do HTTP Archive com a experiência da comunidade web. O Web Almanac é um relatório abrangente sobre o estado da Web, apoiado por dados reais e especialistas confiáveis da Web. A edição de {{ year }} é composta por {{ supported_chapters | length }} capítulos que abrangem aspectos do conteúdo da página, experiência do usuário, publicação e distribuição.

diff --git a/src/templates/ru/base.html b/src/templates/ru/base.html
@@ -18,6 +18,14 @@
 {% block intro_title %}Web Almanac{% endblock %}
 {% block intro_sub_title %}Ежегодный отчёт<br>HTTP Archive<br>о <b>состоянии веба</b>{% endblock %}
 
+{% block announcement_text %}
+<p lang="en">
+  Join our live stream for this year's edition on Tuesday, 10th December 2024 on
+  <a href="https://www.youtube.com/live/cdYR0ZmplIM">YouTube</a>,
+  or save the <a href="/static/live-stream.ics">calendar event</a>!
+</p>
+{% endblock %}
+
 {% block mission %}
 <p>
 Наша задача — объединить необработанные статистические данные и тенденции HTTP Archive вместе со знаниями веб-сообщества. Web Almanac — это всеобъемлющий отчёт о состоянии веба, подкреплённый реальными данными и подтверждённый авторитетными веб-экспертами. Издание {{ year }} года состоит из {{ supported_chapters | length }} {{ plural_ru(supported_chapters | length | int, ["главы", "глав", "глав"]) }}, охватывающих такие аспекты, как содержание страниц, пользовательские ощущения, публикация и распространение информации.

diff --git a/src/templates/tr/base.html b/src/templates/tr/base.html
@@ -18,6 +18,14 @@
 {% block intro_title %}Web Almanac{% endblock %}
 {% block intro_sub_title %}HTTP Archive&#8217;ın yıllık<br> <b>web durumu</b> raporu{% endblock %}
 
+{% block announcement_text %}
+<p lang="en">
+  Join our live stream for this year's edition on Tuesday, 10th December 2024 on
+  <a href="https://www.youtube.com/live/cdYR0ZmplIM">YouTube</a>,
+  or save the <a href="/static/live-stream.ics">calendar event</a>!
+</p>
+{% endblock %}
+
 {% block mission %}
 <p>
 Misyonumuz, HTTP Archive&#8217;ın ham istatistiklerini ve eğilimlerini web topluluğunun uzmanlığı ile birleştirmektir. Web Almanac, gerçek veri ve güvenilir web uzmanları tarafından desteklenen, web durumu hakkındaki kapsamlı bir rapordur. {{ year }} baskısı sayfa içeriği, kullanıcı deneyimi, yayınlama ve dağıtım yönlerini kapsayan {{ supported_chapters | length }} bölümden oluşmuştur.

diff --git a/src/templates/uk/base.html b/src/templates/uk/base.html
@@ -18,6 +18,14 @@
 {% block intro_title %}Web Almanac{% endblock %}
 {% block intro_sub_title %}Щорічний звіт HTTP&nbsp;Archive<br>про <b>стан вебу</b>{% endblock %}
 
+{% block announcement_text %}
+<p lang="en">
+  Join our live stream for this year's edition on Tuesday, 10th December 2024 on
+  <a href="https://www.youtube.com/live/cdYR0ZmplIM">YouTube</a>,
+  or save the <a href="/static/live-stream.ics">calendar event</a>!
+</p>
+{% endblock %}
+
 {% block mission %}
 <p>
 Наша місія - поєднати суху статистику і тренди від HTTP Archive з досвідом веб-спільноти. Web Almanac - це всеосяжний звіт про стан вебу, підтриманий реальними даними та довіреними веб-експертами. Видання {{ year }} року складається з {{ supported_chapters | length }} {{ plural_ru(supported_chapters | length | int, ["розділу", "розділів", "розділів"]) }}, які охоплюють аспекти контенту сторінки, досвіду користування, публікації та розповсюдження.

diff --git a/src/templates/zh-CN/base.html b/src/templates/zh-CN/base.html
@@ -18,6 +18,14 @@
 {% block intro_title %}Web Almanac{% endblock %}
 {% block intro_sub_title %}HTTP Archive的年度报告<br> <b>网络状态</b>报告{% endblock %}
 
+{% block announcement_text %}
+<p lang="en">
+  Join our live stream for this year's edition on Tuesday, 10th December 2024 on
+  <a href="https://www.youtube.com/live/cdYR0ZmplIM">YouTube</a>,
+  or save the <a href="/static/live-stream.ics">calendar event</a>!
+</p>
+{% endblock %}
+
 {% block mission %}
 <p>
 我们的任务是将HTTP Archive的原始统计数据和趋势与web社区的专业知识结合起来。Web Almanac网络年鉴是一个关于网络状态的综合报告，由真实的数据和可信的网络专家支持。{{ year }}年版包括{{ supported_chapters | length }}个章节组成，涵盖了页面内容、用户体验、发布和分发的各个方面。

diff --git a/src/templates/zh-TW/base.html b/src/templates/zh-TW/base.html
@@ -18,6 +18,14 @@
 {% block intro_title %}Web Almanac{% endblock %}
 {% block intro_sub_title %}HTTP Archive 的年度<br> <b>網路狀態</b> 報告{% endblock %}
 
+{% block announcement_text %}
+<p lang="en">
+  Join our live stream for this year's edition on Tuesday, 10th December 2024 on
+  <a href="https://www.youtube.com/live/cdYR0ZmplIM">YouTube</a>,
+  or save the <a href="/static/live-stream.ics">calendar event</a>!
+</p>
+{% endblock %}
+
 {% block mission %}
 <p>
 我們的任務是結合網路社群的專業知識共同精萃HTTP Archive的原始數據與趨勢。Web Almanac 網路年鑑是網路狀態的綜合報告，由真實的數據和具信譽的網路專家支持。{{ year }}年版包括{{ supported_chapters | length }}個章節橫跨網頁內容、使用者體驗、網頁發佈、網頁傳遞的各個方面。