dnutiu/ro-hangman
dnutiu/ro-hangman
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Implementing Translation & Tweaking Mobile

Browse source
This commit is contained in:
Denis 2015-01-10 13:53:49 +02:00
parent 8718179db1
commit e6f82fcaa8
7 changed files with 289 additions and 265 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/en/index.html
View file

@ -1,6 +1,5 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Hagman</title>
<meta charset="utf-8">
@ -17,8 +16,6 @@
<script src="../js/hangman.js"></script>
<script src="../js/main_en.js"></script>
</head>
<body>
<div id="content">
<h1>Hangman!</h1>
@ -38,7 +35,6 @@
</select>
<button class="">Switch</button>
</div>
<div id="left">
<h2>Try to guess the word: <span class="word"></span></h2>
<h3>Type a key, any key!</h3>
@ -93,6 +89,14 @@
<span><a href="https://github.com/niutenisu/ro-hangman/" alt="Github" title="Github Project Link">Github</a><span>
</p>
</div>
<div class="language_menu">
<a href="#">
<img src="../img/usa.png" alt="English Language" title="English" />
</a>
<a href="../index.html">
<img src="../img/ro.png" alt="Romanian Language" title="Romana" />
</a>
</div>
</footer>
<script>
// Sound initialization
@ -125,7 +129,5 @@
alert("jQuery is not loaded");
</script>
}-->
</body>
</html>

BIN
src/img/ro.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 702 B

BIN
src/img/usa.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 536 B

14
src/index.html
View file

@ -1,6 +1,5 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Spanzuratoarea</title>
<meta charset="utf-8">
@ -17,8 +16,6 @@
<script src="js/hangman.js"></script>
<script src="js/main.js"></script>
</head>
<body>
<div id="content">
<h1>Spanzuratoarea!</h1>
@ -38,7 +35,6 @@
</select>
<button class="">Schimba</button>
</div>
<div id="left">
<h2>Incearca sa ghicesti cuvantul: <span class="word"></span></h2>
<h3>Apasa pe o litera de pe tastatura!</h3>
@ -92,6 +88,14 @@
<p class="right">
<span><a href="https://github.com/niutenisu/ro-hangman/" alt="Github" title="Github Project Link">Github</a><span>
</p>
<div class="language_menu">
<a href="en/">
<img src="img/usa.png" alt="English Language" title="English" />
</a>
<a href="#">
<img src="img/ro.png" alt="Romanian Language" title="Romana" />
</a>
</div>
</div>
</footer>
<script>
@ -125,7 +129,5 @@
alert("jQuery is not loaded");
</script>
}-->
</body>
</html>

2
src/m/index.html
View file

@ -11,7 +11,7 @@
<link rel="stylesheet" type="text/css" href="./styles.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="../sound/ion.sound.min.js"></script>
<script src="../words.js"></script>
<script src="words.js"></script>
<script src="./game.js"></script>
</head>
<body>

7
src/m/words.js Normal file
View file

@ -0,0 +1,7 @@
var animale_eu = ["pisica", "caine", "lup", "vulpe", "urs", "caprioara", "vaca", "cal", "oaie", "sobolan", "soarece"];
var tari_eu = ["romania", "moldova", "germania", "spania", "franta", "rusia","italia", "elvetia", "suedia", "norvegia"];
var firme = ["google", "yahoo", "microsoft", "oracle", "amazon", "emag", "ebay", "apple", "siemens", "intel", "toyota", "dacia", "volvo"];
var ldp = ["javascript", "html", "css", "java", "c", "c++", "ruby", "pascal", "lisp", "erlang", "sql", "python", "perl", "lua"];

25
src/styles/styles.css
View file

@ -4,11 +4,11 @@
}
html, body {
height: 100%;
}
body {
background-color: #eef7fb;
}
h1 {
margin: 0;
text-align: center;
text-overflow: ellipsis;
-webkit-text-stroke: 1px #375449;
@ -30,7 +30,7 @@ h3, h5 {
color: #3b7998;
}
footer, #content:after {
height: 50px;
height: 30px;
}
a {
text-decoration: none;
@ -48,12 +48,24 @@ footer {
color: #c9e7f3;
background-color: #8aa3c8;
}
.language_menu a, img {
padding: 1px;
margin: 1px auto;
display: inline;
}
.language_menu {
display: inline;
padding: 2px;
height: 18px;
width: auto;
}
.game p {
color: #448aae;
}
.game {
padding: 30px;
margin: 20px 80px 20px;
margin: 0 80px;
height: 400px;
border: solid 5px black;
background-color: #C9E7F3;
@ -64,8 +76,8 @@ footer {
#content {
min-height: 100%;
/* equal to footer height */
margin-bottom: -50px;
top: 0;
margin-bottom: -30px;
}
#left {
float: left;
@ -146,6 +158,7 @@ margin-bottom: -50px;
right: 108px;
}
.footer-content {
display: inline;
margin: 0px 10px 0px 10px;
padding-top: 15px;
}