yttt-xdu/XDUPlayer
6
0
Fork 0
Code Issues Pull Requests Releases Activity

Theoretical support for another font for english.

Browse Source 
Extra meta tag.
This commit is contained in:
fire bingo 2018-09-12 12:21:02 -07:00
parent b31d712782
commit 98a45ad4f9
3 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
Css/main.css
View File

@ -35,10 +35,15 @@
} }
@font-face { @font-face {
font-family: SourceCodePro-Regular; font-family: Orbitron-Medium;
src: url(../Fonts/SourceCodePro-Regular.woff2) format('woff'); src: url(../Fonts/Orbitron Medium.woff2) format('woff');
} }
/*@font-face {
font-family: SourceSansVariable-Roman;
src: url(../Fonts/SourceSansVariable-Roman.woff2) format('woff');
}*/
@-webkit-keyframes smallbounce { @-webkit-keyframes smallbounce {
from { transform: translate(0, 5px); } from { transform: translate(0, 5px); }
to { transform: translate(0, -5px); } to { transform: translate(0, -5px); }
@ -66,6 +71,10 @@ body { margin: 0; }
#text-container { color: white; position: absolute; margin: auto; height: 750px; width: 1334px; font-family: 'FOT-RodinNTLGPro'; } #text-container { color: white; position: absolute; margin: auto; height: 750px; width: 1334px; font-family: 'FOT-RodinNTLGPro'; }
#text-container.eng { font-family: 'FOT-RodinNTLGPro'; }
#text-container.jpn { font-family: 'FOT-RodinNTLGPro'; }
#text-container #fullscreen-button { position: absolute; top: 0.5rem; left: 0.5rem; font-size: 30px; line-height: 30px; opacity: 0.35; z-index: 11; } #text-container #fullscreen-button { position: absolute; top: 0.5rem; left: 0.5rem; font-size: 30px; line-height: 30px; opacity: 0.35; z-index: 11; }
#text-container #title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 20px; transition: opacity 0.3s; cursor: default; user-select: none; } #text-container #title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 20px; transition: opacity 0.3s; cursor: default; user-select: none; }

2
Js/Main.js
View File

@ -104,6 +104,7 @@ function loadLocalStorage() {
if(languages.includes(lang)) { if(languages.includes(lang)) {
selectedLang = lang; selectedLang = lang;
} }
document.getElementById('text-container').className = selectedLang;
utage.setTranslationLanguage(selectedLang, '') utage.setTranslationLanguage(selectedLang, '')
.then((success) => { .then((success) => {
languagesLoaded = true; languagesLoaded = true;
@ -300,6 +301,7 @@ function languageChanged(event) {
} }
utage.setTranslationLanguage(selectedLang, missionPath) utage.setTranslationLanguage(selectedLang, missionPath)
.then((success) => { .then((success) => {
document.getElementById('text-container').className = selectedLang;
buildMissionSelectList(); buildMissionSelectList();
localStorage.setItem('language', selectedLang); localStorage.setItem('language', selectedLang);
}); });

2
Player.html
View File

@ -1,7 +1,9 @@
<!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
<meta name="theme-color" content="#393939"/>
<title id="title-tag"></title> <title id="title-tag"></title>
<link rel="stylesheet" type="text/css" href="Css/generic.min.css"> <link rel="stylesheet" type="text/css" href="Css/generic.min.css">
<link rel="stylesheet" type="text/css" href="Css/main.min.css"> <link rel="stylesheet" type="text/css" href="Css/main.min.css">