2016-02-28 20:23:41 +01:00
<!DOCTYPE html>
2020-04-15 21:24:40 +02:00
< html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "en" lang = "en" >
2016-02-28 20:23:41 +01:00
< head >
< meta charset = "utf-8" / >
< title > Trivabble < / title >
< link rel = "stylesheet" href = "trivabble.css" / >
< link rel = "stylesheet" href = "alert.css" / >
2020-04-04 12:46:13 +02:00
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" / >
< meta name = "apple-mobile-web-app-capable" content = "yes" / >
< meta name = "format-detection" content = "telephone=no" / >
2020-04-15 22:15:03 +02:00
< script src = "config.js" > < / script >
2020-04-12 20:14:20 +02:00
< script src = "l10n.js" > < / script >
2016-02-28 20:23:41 +01:00
< script src = "alert.js" > < / script >
< script src = "touch2click.js" > < / script >
< script src = "trivabble.js" > < / script >
< / head >
< body >
< div id = "menu" >
< button data-l10n = "text-content" id = "join-game" > Join adversaries< / button >
< p id = "p-name" > < span data-l10n = "text-content" > You are:< / span > < span id = "name" data-l10n = "text-content" > (name to give)< / span > < br / > < button class = "minibutton" id = "change-name" data-l10n = "text-content" > Change< / button > < / p >
< button id = "clear-game" data-l10n = "text-content" > Put back all the tiles in the bag< / button >
< p id = "p-name" > < span data-l10n = "text-content" > Number of your game:< / span > < br / > < span id = "number" data-l10n = "text-content" > (pending)< / span > < / p >
< div id = "chat-messages" > < / div >
< textarea id = "chat-ta" placeholder = "Write a message to your adversaries here" data-l10n = "placeholder" > < / textarea >
< button id = "chat-btn" class = "minibutton" data-l10n = "text-content" > Send message< / button >
< div id = "prefs-sound" >
< p > < label > < input type = "checkbox" id = "tiles-sound" checked = "checked" / > < span data-l10n = "text-content" > Sound of the tiles< / span > < / label > < / p >
< p > < label > < input type = "checkbox" id = "msg-sound" checked = "checked" / > < span data-l10n = "text-content" > Sound of messages< / span > < / label > < / p >
< / div >
2016-04-03 17:23:13 +02:00
< div id = "lang-selection" >
< label >
< span data-l10n = "text-content" > Interface language: < / span >
< select id = "select-lang" >
< option value = "en" > English< / option >
< option value = "fr" > Français< / option >
< option value = "br" > Brezhoneg< / option >
< / select >
< / label >
< / div >
2020-05-16 10:02:18 +02:00
< div id = "board-lang-selection" style = "display:none" >
2020-05-05 23:44:20 +02:00
< label >
< span data-l10n = "text-content" > Board language: < / span >
< select id = "board-lang" >
< option value = "fr" > French< / option >
< / select >
< / label >
< / div >
2016-02-28 20:23:41 +01:00
< / div >
< div id = "content" >
< table id = "board" >
< tr > < td class = "corner" > < / td > < / tr >
< / table >
< div id = "rack-outer" >
< div id = "rack" > < / div >
< / div >
< / div >
< div id = "panel" >
< div id = "bag" > < / div >
2020-04-04 12:46:13 +02:00
< p > < span data-l10n = "text-content" > Number of tiles in the bag:< / span > < br / > < span id = "remaining-letters" > 102< / span > < br / > < span id = "help-bag" data-l10n = "text-content" > Click on it to take one.< / span > < a href = "#" id = "help-clear" style = "display:none" > < / a > < / p >
2016-02-28 20:23:41 +01:00
< table id = "participants" >
2020-04-19 10:46:53 +02:00
< tr > < th data-l10n = "text-content" > Participant< / th > < th data-l10n = "text-content" > Rack< / th > < th data-l10n = "text-content" > Score< / th > < th data-l10n = "text-content" > Turn< / th > < / tr >
< tr id = "participants-placeholder" > < td colspan = "4" data-l10n = "text-content" > Waiting for other participants…< / td > < / tr >
2016-02-28 20:23:41 +01:00
< / table >
< p id = "help-scores" data-l10n = "text-content" > Click on someone's score to change it.< / p >
2020-04-19 10:46:53 +02:00
< p id = "help-turn" data-l10n = "text-content" > Who's turn? Click on the Turn button!< / p >
2016-02-28 20:23:41 +01:00
< button id = "clear-rack" class = "minibutton" data-l10n = "text-content" > Put back all the tiles of your rack in the bag< / button >
2020-04-19 12:23:39 +02:00
< button id = "show-rack" class = "minibutton" data-l10n = "text-content" > Show my rack to other players< / button >
2016-02-28 20:23:41 +01:00
< / div >
< / body >
< / html >