Titlescreen: add disclaimer

public/src/css/titlescreen.css

@@ -27,7 +27,7 @@
 }
 .click-to-continue{
 	position: absolute;
-	bottom: 10%;
+	bottom: 15%;
 	color: #fff;
 	font-size: 8vmin;
 	text-align: center;
@@ -84,3 +84,20 @@
 #lang:hover #lang-id::before {
 	-webkit-text-stroke: 0.25em #f00;
 }
+#title-disclaimer {
+	text-align: center;
+	position: absolute;
+	bottom: 5%;
+	color: #fff;
+	z-index: 1;
+}
+#title-disclaimer span {
+	color: #fff;
+	font-size: 2vmin;
+	text-align: center;
+	display: block;
+}
+#title-disclaimer span:before {
+	left: initial;
+	filter: blur(0.1vmin);
+}

public/src/js/strings.js

@@ -6,6 +6,8 @@
 	
 	this.taikoWeb = "たいこウェブ"
 	this.titleProceed = "クリックするかEnterを押す！"
+	this.titleDisclaimer = "この非公式シミュレーターはバンダイナムコとは関係がありません。"
+	this.titleCopyright = "Taiko no Tatsujin ©&™ 2011 BANDAI NAMCO Entertainment Inc."
 	this.categories = {
 		"J-POP": "J-POP",
 		"アニメ": "アニメ",
@@ -104,6 +106,8 @@ function StringsEn(){
 	
 	this.taikoWeb = "Taiko Web"
 	this.titleProceed = "Click or Press Enter!"
+	this.titleDisclaimer = "This unofficial simulator is unaffiliated with BANDAI NAMCO."
+	this.titleCopyright = "Taiko no Tatsujin ©&™ 2011 BANDAI NAMCO Entertainment Inc."
 	this.categories = {
 		"J-POP": "Pop",
 		"アニメ": "Anime",
@@ -202,6 +206,8 @@ function StringsCn(){
 	
 	this.taikoWeb = "太鼓网页"
 	this.titleProceed = "点击或按回车！"
+	this.titleDisclaimer = "この非公式シミュレーターはバンダイナムコとは関係がありません。"
+	this.titleCopyright = "Taiko no Tatsujin ©&™ 2011 BANDAI NAMCO Entertainment Inc."
 	this.categories = {
 		"J-POP": "流行音乐",
 		"アニメ": "卡通动画音乐",
@@ -300,6 +306,8 @@ function StringsTw(){
 	
 	this.taikoWeb = "太鼓網頁"
 	this.titleProceed = "點擊或按確認！"
+	this.titleDisclaimer = "この非公式シミュレーターはバンダイナムコとは関係がありません。"
+	this.titleCopyright = "Taiko no Tatsujin ©&™ 2011 BANDAI NAMCO Entertainment Inc."
 	this.categories = {
 		"J-POP": "流行音樂",
 		"アニメ": "卡通動畫音樂",
@@ -398,6 +406,8 @@ function StringsKo(){
 	
 	this.taikoWeb = "태고 웹"
 	this.titleProceed = "클릭하거나 Enter를 누릅니다!"
+	this.titleDisclaimer = "この非公式シミュレーターはバンダイナムコとは関係がありません。"
+	this.titleCopyright = "Taiko no Tatsujin ©&™ 2011 BANDAI NAMCO Entertainment Inc."
 	this.categories = {
 		"J-POP": "POP",
 		"アニメ": "애니메이션",

public/src/js/titlescreen.js

@@ -6,7 +6,9 @@ class Titlescreen{
 		this.proceed = document.getElementById("title-proceed")
 		this.langDropdown = document.getElementById("lang-dropdown")
 		this.langId = document.getElementById("lang-id")
-		
+		this.disclaimerText = document.getElementById("title-disclaimer-text")
+		this.disclaimerCopyright = document.getElementById("title-disclaimer-copyright")
+
 		this.logo = new Logo()
 		this.lang = this.getLang()
 		this.setLang(allStrings[this.lang])
@@ -97,6 +99,12 @@ class Titlescreen{
 		this.proceed.setAttribute("alt", strings.titleProceed)
 		this.langId.innerText = strings.id.toUpperCase()
 		this.langId.setAttribute("alt", strings.id.toUpperCase())
+		
+		this.disclaimerText.innerText = strings.titleDisclaimer
+		this.disclaimerText.setAttribute("alt", strings.titleDisclaimer)
+		this.disclaimerCopyright.innerText = strings.titleCopyright
+		this.disclaimerCopyright.setAttribute("alt", strings.titleCopyright)
+		
 		loader.screen.style.fontFamily = strings.font
 		loader.screen.style.fontWeight = strings.font === "Microsoft YaHei, sans-serif" ? "bold" : ""
 		if(failedTests.length !== 0){

public/src/views/titlescreen.html

@@ -1,6 +1,10 @@
 <div id="title-screen">
 	<canvas id="logo"></canvas>
 	<div class="click-to-continue stroke-sub" id="title-proceed"></div>
+	<div id="title-disclaimer">
+		<span class="stroke-sub" id="title-disclaimer-text"></span>
+		<span class="stroke-sub" id="title-disclaimer-copyright"></span>
+	</div>
 </div>
 <div id="lang">
 	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 38" id="lang-icon"><circle cx="19" cy="19" r="19"/><path d="M19 4V34M19 4C13 4 9 12 9 19 9 26 13 34 19 34 25 34 29 26 29 19 29 12 25 4 19 4ZM6 11H32M4 19H34M6 27h26" style="fill:none;stroke-width:2;stroke:#fff"/><circle cx="19" cy="19" r="15" style="fill:none;stroke-width:2;stroke:#fff"/></svg>