make copyrights localizable

languages/en.json

@@ -32,5 +32,10 @@
 		"what-is-exe-dot-gfx-p2": "You are invited to browse the collection as you would an art gallery - to spend time with each piece, and to consider the craft (both artistic and technical) behind each.",
 		"credit-curator": "This collection is curated by yx.",
 		"credit-translators": "Localization by {{translators}}."
+	},
+	"footer": {
+		"copyright-website": "Website © yx.",
+		"copyright-artworks": "All artworks © their respective authors.",
+		"copyright-pouet": "Pouët graphics © mandarine."
 	}
 }

static/script.js

@@ -22,9 +22,6 @@ function isAprilFoolsDay() {
 
 if (isAprilFoolsDay()) {
 	setTheme('pouet', false);
-	window.addEventListener('load', ()=>{
-		document.querySelector('div.footer').innerHTML += "<br/>Pouët graphics © mandarine"
-	}, false);
 } else {
 	setTheme(currentTheme);
 	toggleSwitch.checked = (currentTheme === 'dark');

style.scss

@@ -358,6 +358,10 @@ a {
 	padding-bottom: 24px;
 	color: var(--main-text-color);
 	transition: color var(--theme-transition-duration) var(--theme-transition-easing);
+
+	.pouet-credit {
+		display: none;
+	}
 }
 
 @media only screen and (max-width: 600px) {
@@ -588,4 +592,8 @@ a {
 			background: #224488;
 		}
 	}
+
+	.footer .pouet-credit {
+		display: block;
+	}
 }
\ No newline at end of file

templates/footer.mustache

 		<div class="footer">
-			Website © yx.<br/>
-			All artworks © their respective authors.
+			<div>{{#i18n}}footer.copyright-website{{/i18n}}</div>
+			<div>{{#i18n}}footer.copyright-artworks{{/i18n}}</div>
+			<div class="pouet-credit">{{#i18n}}footer.copyright-pouet{{/i18n}}</div>
 		</div>
 	</body>
 </html>