Prepare the website for bullseye release and buster becoming oldstable:

* The images for homepage banner were already added in other commit
* Update the CSS to link to the new banners and also move drawings to the left for narrow screens
* Update the tags in the release_info file and other files under /english/releases folders
* Add links to the release announcement (although the announcement itself as well as the homepage news line will be added in another commits)

1 files changed, 12 insertions, 2 deletions

diff --git a/english/debhome.css b/english/debhome.css
index d01db3a24dd..90b88a7fe77 100644
--- a/english/debhome.css
+++ b/english/debhome.css
@@ -24,7 +24,7 @@
 @import url("https://www.debian.org/empty.css");
 
 #splash {
-	background-image: url('Pics/futureprototype-bg.png');
+	background-image: url('Pics/homeworld-bg.png');
 	background-position:top center;
 	background-repeat: no-repeat;
 	background-size: cover;
@@ -35,7 +35,7 @@
 	height: 120px;
 }
 #splash h1 {
-	background-image: url('Pics/futureprototype.png');
+	background-image: url('Pics/homeworld-fg.png');
 	background-position:top center;
 	padding-top:130px;
 	overflow:hidden;
@@ -45,6 +45,16 @@
 	margin:0;
 	height:0;
 }
+
+# move the foreground image to the left for narrow screens
+# thanks Antoine Le Gonidec https://lists.debian.org/debian-www/2021/08/msg00034.html
+
+@media screen and (max-width: 650px) {
+    #splash h1 {
+        background-position-x: left;
+    }
+}
+
 span.download {
 	display: block;
 	font-size: 0.75em;