Language selector

This commit is contained in:
Alexander Yakovlev 2017-07-30 12:28:25 +07:00
parent f2623cde4e
commit 12cf8320c3
4 changed files with 104 additions and 52 deletions

View File

@ -16,6 +16,7 @@ html = (target, debug) ->
return () -> return () ->
sources = [ sources = [
'html/index.html' 'html/index.html'
'html/en.html'
'html/ru.html' 'html/ru.html'
] ]
if (debug) if (debug)

85
html/en.html Normal file
View File

@ -0,0 +1,85 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Cloak of Darkness</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=PT+Sans:400,400italic|PT+Sans+Caption' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css">
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://webstats.oreolek.ru/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', 'BryJq']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="https://webstats.oreolek.ru/piwik.php?idsite=BryJq&rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
</head>
<body>
<div id="page">
<div class="container">
<div class="row">
<div class='ways'>
<ul class="nav nav-pills" id="ways">
</ul>
</div>
</div> <!-- End of div.tools_wrapper -->
<div id="content_wrapper">
<div id="content" class="content narrow">
<noscript>This game requires Javascript.</noscript>
</div>
<div class="sidebar">
<div class="ui">
<a href="#" id="storytab" class="tab active">
<img src="img/white-book.png"> Story
</a>
<a href="inventory" id="chartab" class="tab">
<img src="img/light-backpack.png"> Inventory
</a>
<a href="map" id="maptab" class="tab">
<img src="img/compass.png"> Map
</a>
</div>
<div class="action">
<div class="verb" data-verb="examine">Examine</div>
<ul class="objects" id="examinelist" data-verb="examine">
</ul>
<div class="verb" data-verb="take">Take</div>
<ul class="objects" id="takelist" data-verb="take">
</ul>
<div class="verb" data-verb="drop">Drop</div>
<ul class="objects" id="droplist" data-verb="drop">
</ul>
<div class="verb" data-verb="wear">Wear</div>
<ul class="objects" id="wearlist" data-verb="wear">
</ul>
</div>
</div>
<a name="end_of_content"></a>
</div>
<div class="row">
<div class="footer">
<a href="settings" class="btn btn-outline-primary">Options</a>
<a id="erase" class="btn btn-outline-danger">Restart</a>
</div>
</div>
</div> <!-- End of div.page -->
<!-- CDN JS Libraries -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sigma.js/1.2.0/sigma.min.js"></script>
<script src="game/salet.min.js"></script>
<script src="https://togetherjs.com/togetherjs-min.js"></script>
<script defer="defer" src="game/main.js"></script>
</body>
</html>

View File

@ -26,60 +26,26 @@
<body> <body>
<div id="page"> <div id="page">
<div class="container"> <div class="container">
<div class="row">
<div class='ways'>
<ul class="nav nav-pills" id="ways">
</ul>
</div>
</div> <!-- End of div.tools_wrapper -->
<div id="content_wrapper"> <div id="content_wrapper">
<div id="content" class="content narrow"> <div id="content" class="content text-center">
<noscript>This game requires Javascript.</noscript> <noscript>This game requires Javascript.</noscript>
</div> <p>Choose your language</p>
<div class="sidebar">
<div class="ui"> <p><ul>
<a href="#" id="storytab" class="tab active"> <li><a href="en.html">English</a></li>
<img src="img/white-book.png"> Story <li><a href="ru.html">Русский</a></li>
</a> </ul></p>
<a href="inventory" id="chartab" class="tab">
<img src="img/light-backpack.png"> Inventory <p>Выберите нужный язык</p>
</a>
<a href="map" id="maptab" class="tab">
<img src="img/compass.png"> Map
</a>
</div>
<div class="action">
<div class="verb" data-verb="examine">Examine</div>
<ul class="objects" id="examinelist" data-verb="examine">
</ul>
<div class="verb" data-verb="take">Take</div>
<ul class="objects" id="takelist" data-verb="take">
</ul>
<div class="verb" data-verb="drop">Drop</div>
<ul class="objects" id="droplist" data-verb="drop">
</ul>
<div class="verb" data-verb="wear">Wear</div>
<ul class="objects" id="wearlist" data-verb="wear">
</ul>
</div>
</div> </div>
<a name="end_of_content"></a> <a name="end_of_content"></a>
</div> </div>
<div class="row">
<div class="footer">
<a href="settings" class="btn btn-outline-primary">Options</a>
<a id="erase" class="btn btn-outline-danger">Restart</a>
</div>
</div>
</div> <!-- End of div.page --> </div> <!-- End of div.page -->
<!-- CDN JS Libraries --> <link rel='prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js' />
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script> <link rel='prefetch' href="https://code.jquery.com/jquery-3.1.1.min.js" />
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <link rel='prefetch' href="https://cdnjs.cloudflare.com/ajax/libs/sigma.js/1.2.0/sigma.min.js" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/sigma.js/1.2.0/sigma.min.js"></script> <link rel='prefetch' href="game/salet.min.js" />
<script src="game/salet.min.js"></script> <link rel='prefetch' href="https://togetherjs.com/togetherjs-min.js" />
<script src="https://togetherjs.com/togetherjs-min.js"></script>
<script defer="defer" src="game/main.js"></script>
</body> </body>
</html> </html>

View File

@ -1,19 +1,19 @@
{ {
"dependencies": { "dependencies": {
"salet": "^1.7.7" "salet": "^1.8.0"
}, },
"private": true, "private": true,
"devDependencies": { "devDependencies": {
"bootstrap": "^4.0.0-alpha.5", "bootstrap": "^4.0.0-alpha.5",
"browser-sync": "^2.18.11", "browser-sync": "^2.18.13",
"coffee-script": "^1.12.6", "coffee-script": "^1.12.7",
"cson": "^4.1.0", "cson": "^4.1.0",
"gulp": "^3.8.11", "gulp": "^3.8.11",
"gulp-coffee": "^2.3.4", "gulp-coffee": "^2.3.4",
"gulp-concat": "^2.6.1", "gulp-concat": "^2.6.1",
"gulp-rename": "^1.2.2", "gulp-rename": "^1.2.2",
"gulp-sass": "^3.1.0", "gulp-sass": "^3.1.0",
"gulp-uglify": "^2.1.2", "gulp-uglify": "^3.0.0",
"gulp-util": "^3.0.8", "gulp-util": "^3.0.8",
"gulp-zip": "^4.0.0" "gulp-zip": "^4.0.0"
} }