Add some UI copy

src/pages/r4-page-about.js

@@ -41,30 +41,26 @@ export default class R4PageAbout extends R4Page {
 	renderMain() {
 		const {name} = this.latestTag
 		return html`
-			<p>Hello. This is going to be the next version of <r4-title></r4-title>.</p>
 			<p>
-				The current version is still live on
-				<a href="https://radio4000.com">radio4000.com</a>; keep using it normally, until the beta is ready to replace
-				it.
-			</p>
-			<p>
-				On the beta, you can freely import your existing radio channel, test it with the new features; delete it and
-				start again.
+				Hello. This is is the next version of <r4-title></r4-title>. The old, or first, version is still live on
+				<a href="https://v1.radio4000.com">v1.radio4000.com</a>; it is in read-only mode. Here you can freely import
+				your existing radio channel, test it with the new features.
 			</p>
 			<p>
 				<strong
-					>Play around, test it out and come say hi in the
+					>Come say hi in the
 					<a href="https://matrix.to/#/${this.roomAlias}" rel="noreferrer">
 						community chat
 						<small>(${this.roomAlias})</small>
 					</a>
-					.</strong
-				>
+				</strong>
 			</p>
+			<p>Prefer mail? Write us at <a href="mailto:[email protected]">[email protected]</a>.</p>
 			<p>
 				Contribute to the design and development on <a href="https://github.com/radio4000">github.com/radio4000</a>.
 			</p>
 			<p>The latest version is <a href=${this.releasesUrl}>${name ? name : '…'}</a>.</p>
+			<p>Read the <a href="https://blog.radio4000.com/" rel="noreferrer">blog</a></p>
 			<p>Cheers!</p>
 			<p>
 				<a href="${this.config.href}/">← back to the home page</a>

src/pages/r4-page-home.js

@@ -43,19 +43,11 @@ export default class R4PageHome extends R4Page {
 	renderBetaNote() {
 		return html`
 			<section>
-				<details open="true">
-					<summary>This is a beta version!</summary>
-					<p>
-						This web app <a href=${this.config.href}>${this.config.client}</a> is a public demo of the new
-						<r4-title></r4-title> beta version. Try it out now or see the
-						<a href=${this.config.href + `/about`}>about</a> page.
-					</p>
-					<p>
-						<strong>¿¡WARNING!?</strong> All data created on the beta website will be deleted regularely (PS: it's full
-						of bugs and missing features D: !).
-					</p>
-					<p>Keep adding new tracks in the <a href="https://radio4000.com/" target="_blank">classic application</a>, until we make the switch.</p>
-				</details>
+				 <p><strong>Radio4000</strong>. Welcome. This is version two; went live on the 20th of April 2024, ten years later to the date.</p>
+				 <blockquote>
+				 <p>¿¡NOTICE!? For (technical) reasons we will all have to create new users. All radios are still here.<br>Once you have created a new user, you you can migrate your radio over here.</p>
+				 </blockquote>
+				<p><a href=${this.config.href + `/about`}>About &rarr;</a></p>
 			</section>
 		`
 	}

src/pages/r4-page-sign.js

@@ -80,6 +80,7 @@ export default class R4PageSign extends R4Page {
 	renderForgotPass() {
 		return html`
 			<section>
+				<p>Need help? <a href=${this.config.href + `/about`}>About &rarr;</a></p>
 				<ul>
 					<li><a href=${this.config.href + '/sign/up'}>Sign up</a> if you don't yet have an account.</li>
 					<li>
@@ -99,6 +100,7 @@ export default class R4PageSign extends R4Page {
 	renderExistingAccount() {
 		return html`
 			<section>
+				<p>Need help? <a href=${this.config.href + `/about`}>About &rarr;</a></p>
 				<ul>
 					<li>
 						<a href=${this.config.href + '/sign/in'}>Sign in</a>