2020 landing page content (#950)

* 2020 landing page (coming soon) * TODO: translate landing pages * "Join the team" * reuse existing translations * disable 2020 * re-enable 2020
HTTPArchive · Jul 6, 2020 · c06add2 · c06add2
1 parent 4f7b6ca
commit c06add2
Show file tree

Hide file tree

Showing 6 changed files with 88 additions and 18 deletions.
diff --git a/src/config/2020.json b/src/config/2020.json
@@ -1,7 +1,7 @@
 {
   "settings": [
     {
-      "is_live": false,
+      "is_live": true,
       "supported_languages": ["en","es","fr","ja"],
       "ebook_languages": []
     }

diff --git a/src/templates/base/2020/index.html b/src/templates/base/2020/index.html
@@ -22,6 +22,39 @@
 {% block styles %}
   {{ super() }}
   <link rel="stylesheet" href="/static/css/index.css?v=20200705203914">
+  <style>
+.intro {
+  max-width: 600px;
+}
+.intro p {
+  font-style: italic;
+}
+.intro p:first-child {
+  margin-bottom: 20px;
+}
+.methodology-container {
+  margin-top: 150px;
+}
+.methodology-characters {
+  z-index: unset;
+}
+@media (max-width: 600px) {
+  .intro h2 {
+    font-size: 2rem;
+  }
+  .intro h2 b {
+    display: block;
+  }
+  .intro-image-wrapper {
+    margin-right: -100px;
+  }
+  .methodology-container {
+    margin-top: 200px;
+    padding: 0;
+  }
+}
+
+  </style>
 {% endblock %}
 
 {# Hide the TOC, Contributors and Methodology for now #}
@@ -35,7 +68,7 @@
       <div class="intro-year">{{ year }}</div>
       <h1 class="title title-lg title-alt">{{ self.intro_title() }}</h1>
       <h2>{{ self.intro_sub_title() }}</h2>
-      <p>{{ self.mission() }}</p>
+      <div>{{ self.mission() }}</div>
     </div>
     <div class="intro-image-year-wrapper">
       <div class="intro-image-year"></div>
@@ -44,5 +77,10 @@ <h2>{{ self.intro_sub_title() }}</h2>
       <div class="intro-image"></div>
     </div>
   </section>
+  <section class="methodology-container">
+    <div class="methodology">
+      <img class="methodology-characters" src="/static/images/methodology-characters.png" alt="" width="984" height="354" loading="lazy" />
+    </div>
+  </section>
 </main>
 {% endblock %}
diff --git a/src/templates/en/2020/index.html b/src/templates/en/2020/index.html
@@ -6,11 +6,19 @@
 {% block twitter_image_alt %}The {{ year }} Web Almanac{% endblock %}
 
 {% block date_published %}2019-11-04T12:00:00.000Z{% endblock %}
-{% block date_modified %}2020-06-27T00:00:00.000Z{% endblock %}
+{% block date_modified %}2020-07-03T00:00:00.000Z{% endblock %}
 
-{% block intro_title %}Web Almanac{% endblock %}
-{% block intro_sub_title %}HTTP Archive's annual<br> <b>state of the web</b> report{% endblock %}
+{% block intro_title %}Coming soon!{% endblock %}
+{% block intro_sub_title %}The 2020 <b>state of the web</b> report{% endblock %}
 
 {% block mission %}
-Coming Soon...
+<p>
+  Experts from around the web community are currently hard at work planning, analyzing, and writing content for the 2020 edition of the Web Almanac, which is on track to be published at the end of the year.
+</p>
+
+<p>
+  There are many opportunities available for new contributors to join the project, including: authors, reviewers, analysts, editors, translators, and developers. If you're interested in contributing to the 2020 edition, we'd love to have you!
+</p>
+
+<a href="https://github.com/HTTPArchive/almanac.httparchive.org#contributing" class="btn">Join the team</a>
 {% endblock %}
diff --git a/src/templates/es/2020/index.html b/src/templates/es/2020/index.html
@@ -6,11 +6,19 @@
 {% block twitter_image_alt %}Web Almanac {{ year }}{% endblock %}
 
 {% block date_published %}2019-11-04T12:00:00.000Z{% endblock %}
-{% block date_modified %}2020-06-27T00:00:00.000Z{% endblock %}
+{% block date_modified %}2020-07-03T00:00:00.000Z{% endblock %}
 
-{% block intro_title %}Web Almanac{% endblock %}
-{% block intro_sub_title %}HTTP Archive informe del<br><b>estado de la web</b> anual{% endblock %}
+{% block intro_title %}Coming soon!{% endblock %}
+{% block intro_sub_title %}The 2020 <b>state of the web</b> report{% endblock %}
 
 {% block mission %}
-Próximamente...
+<p>
+  Experts from around the web community are currently hard at work planning, analyzing, and writing content for the 2020 edition of the Web Almanac, which is on track to be published at the end of the year.
+</p>
+
+<p>
+  There are many opportunities available for new contributors to join the project, including: authors, reviewers, analysts, editors, translators, and developers. If you're interested in contributing to the 2020 edition, we'd love to have you!
+</p>
+
+<a href="https://github.com/HTTPArchive/almanac.httparchive.org#contributing" class="btn">¡Únete al equipo!</a>
 {% endblock %}
diff --git a/src/templates/fr/2020/index.html b/src/templates/fr/2020/index.html
@@ -6,11 +6,19 @@
 {% block twitter_image_alt %}Web Almanac {{ year }}{% endblock %}
 
 {% block date_published %}2019-11-04T12:00:00.000Z{% endblock %}
-{% block date_modified %}2020-06-27T00:00:00.000Z{% endblock %}
+{% block date_modified %}2020-07-03T00:00:00.000Z{% endblock %}
 
-{% 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 intro_title %}Coming soon!{% endblock %}
+{% block intro_sub_title %}The 2020 <b>state of the web</b> report{% endblock %}
 
 {% block mission %}
-Bientôt disponible...
+<p>
+  Experts from around the web community are currently hard at work planning, analyzing, and writing content for the 2020 edition of the Web Almanac, which is on track to be published at the end of the year.
+</p>
+
+<p>
+  There are many opportunities available for new contributors to join the project, including: authors, reviewers, analysts, editors, translators, and developers. If you're interested in contributing to the 2020 edition, we'd love to have you!
+</p>
+
+<a href="https://github.com/HTTPArchive/almanac.httparchive.org#contributing" class="btn">Rejoignez les équipe!</a>
 {% endblock %}
diff --git a/src/templates/ja/2020/index.html b/src/templates/ja/2020/index.html
@@ -6,11 +6,19 @@
 {% block twitter_image_alt %}The {{ year }} Web Almanac{% endblock %}
 
 {% block date_published %}2019-11-04T12:00:00.000Z{% endblock %}
-{% block date_modified %}2020-06-27T00:00:00.000Z{% endblock %}
+{% block date_modified %}2020-07-03T00:00:00.000Z{% endblock %}
 
-{% block intro_title %}Web Almanac{% endblock %}
-{% block intro_sub_title %}HTTP Archiveの年次報告書<br> <b>ウェブの状態</b>レポート{% endblock %}
+{% block intro_title %}Coming soon!{% endblock %}
+{% block intro_sub_title %}The 2020 <b>state of the web</b> report{% endblock %}
 
 {% block mission %}
-近日公開
+<p>
+  Experts from around the web community are currently hard at work planning, analyzing, and writing content for the 2020 edition of the Web Almanac, which is on track to be published at the end of the year.
+</p>
+
+<p>
+  There are many opportunities available for new contributors to join the project, including: authors, reviewers, analysts, editors, translators, and developers. If you're interested in contributing to the 2020 edition, we'd love to have you!
+</p>
+
+<a href="https://github.com/HTTPArchive/almanac.httparchive.org#contributing" class="btn">チームに参加しよう！</a>
 {% endblock %}