Soften language about older articles

assets/scss/_custom.scss

@@ -401,8 +401,8 @@ body {
 }
 
 .deprecation-warning, .pageinfo.deprecation-warning {
-    padding: 20px;
-    margin: 20px 0;
+    padding: clamp(10px, 2vmin, 20px);
+    margin: clamp(10px, 1vh, 20px) 0;
     background-color: #faf5b6;
     color: #000;
 }
@@ -416,6 +416,9 @@ body.td-home .deprecation-warning, body.td-blog .deprecation-warning, body.td-do
     border-radius: 3px;
 }
 
+.deprecation-warning p:only-child {
+  margin-bottom: 0;
+}
 
 .td-documentation .td-content > .highlight {
   max-width: initial;

data/i18n/en/en.toml

@@ -206,10 +206,7 @@ other = "Objectives"
 other = "Options"
 
 [outdated_blog__message]
-other = "The Kubernetes project considers this article to be outdated because it is more than one year old. Check that the information in the page has not become incorrect since its publication."
-
-[outdated_blog__title]
-other = "Outdated article"
+other = "This article is more than one year old. Older articles may contain outdated content. Check that the information in the page has not become incorrect since its publication."
 
 [post_create_issue]
 other = "Create an issue"

layouts/partials/deprecation-warning.html

@@ -12,7 +12,6 @@
 {{ else if and (eq .Section "blog") .Date (.Date.Before (now.AddDate -1 0 0)) -}}
 <section id="deprecation-warning">
   <div class="content deprecation-warning pageinfo outdated-blog">
-    <h3>{{ T "outdated_blog__title" }}</h3>
     <p>{{ T "outdated_blog__message" }}</p>
   </div>
 </section>