diff --git a/src/static/css/2019.css b/src/static/css/2019.css
index 9eadd2f06e3..602dc7fb588 100644
--- a/src/static/css/2019.css
+++ b/src/static/css/2019.css
@@ -458,9 +458,48 @@ h2.header {
color: #f2f2f2;
}
-a.navigation-logo {
- color: white;
- min-width: 280px;
+.navigation-logo {
+ color: #fff;
+ white-space: nowrap;
+ text-decoration: none;
+ font-size: 1rem;
+}
+
+.navigation-logo:hover,
+.navigation-logo:focus {
+ text-decoration: none;
+}
+
+.navigation-logo .line-group {
+ display: block;
+ position: relative;
+ z-index: 1;
+ line-height: 1;
+ overflow: hidden;
+}
+
+.navigation-logo .line-group::after {
+ content: '';
+ position: absolute;
+ height: 1px;
+ width: 100%;
+ background-color: #f7f779;
+ bottom: calc(.4em - 1px);
+ margin-inline-start: .5em; /* cover both rtl and ltr scenarios */
+}
+
+.navigation-logo .wa {
+ font-weight: 600;
+ letter-spacing: 5px;
+ font-size: 1.3em;
+ margin-right: -5px; /* fix letter spacing issue for the last letter */
+ font-family: 'Poppins', sans-serif;
+}
+
+.navigation-logo .pre,
+.navigation-logo .ha {
+ font-size: .8em;
+ letter-spacing: 2px;
}
header.alt-bg a:hover, footer.alt-bg a:hover,
@@ -701,6 +740,7 @@ footer .ha-logo {
display: flex;
justify-content: flex-end;
align-items: center;
+ color: currentColor;
}
footer .nav-items ul li > * {
margin-left: 50px;
@@ -893,7 +933,7 @@ p.copyright a {
header .cta {
display: none;
}
- a.navigation-logo {
+ .navigation-logo {
min-width: auto;
max-width: 75vw;
}
diff --git a/src/static/css/index.css b/src/static/css/index.css
index dfe8cc34666..48801ba71cd 100644
--- a/src/static/css/index.css
+++ b/src/static/css/index.css
@@ -1,3 +1,8 @@
+/* Related to #maincontent's vw unit width */
+body {
+ overflow-x: hidden;
+}
+
header.alt-bg {
background: #5C687D;
background: transparent linear-gradient(#5C687D 70%, transparent 30%);
diff --git a/src/templates/ar/2019/base.html b/src/templates/ar/2019/base.html
index 24d122d4fc3..8ac12a83c04 100644
--- a/src/templates/ar/2019/base.html
+++ b/src/templates/ar/2019/base.html
@@ -12,6 +12,13 @@
{% block skip_navigation %}Skip navigation{% endblock %}
{% block organization %}Web Almanac by HTTP Archive{% endblock %}
+{% block web_almanac_logo %}
+ Web Almanac
+
+ By
+ HTTP Archive
+
+{% endblock %}
{% block mission %}
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. It is comprised of 20 chapters spanning aspects of page content, user experience, publishing, and distribution.
diff --git a/src/templates/base/2019/base.html b/src/templates/base/2019/base.html
index ac724365bed..b75d360da5e 100644
--- a/src/templates/base/2019/base.html
+++ b/src/templates/base/2019/base.html
@@ -110,7 +110,9 @@
