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-10-16 08:05:51 +02:00
< script src = "dict/list.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 >
2020-10-05 20:42:31 +02:00
< link rel = "icon" type = "image/svg+xml" href = "logo/path.svg" / >
< link rel = "icon" type = "image/png" href = "logo/16.png" sizes = "16x16" / >
< link rel = "icon" type = "image/png" href = "logo/32.png" sizes = "32x32" / >
< link rel = "icon" type = "image/png" href = "logo/86.png" sizes = "86x86" / >
< link rel = "icon" type = "image/png" href = "logo/180.png" sizes = "180x180" / >
< link rel = "icon" type = "image/png" href = "logo/192.png" sizes = "192x192" / >
2016-02-28 20:23:41 +01:00
< / head >
< body >
2020-10-05 21:35:02 +02:00
< div id = "menu" class = "panel" >
2016-02-28 20:23:41 +01:00
< 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 >
2016-04-03 17:23:13 +02:00
< div id = "lang-selection" >
2020-10-03 11:18:24 +02:00
< p >
< label for = "select-lang" data-l10n = "text-content" > Interface language: < / label >
2016-04-03 17:23:13 +02:00
< select id = "select-lang" >
< option value = "en" > English< / option >
< option value = "fr" > Français< / option >
< option value = "br" > Brezhoneg< / option >
2020-05-03 18:23:53 +02:00
< option value = "ro" > Română< / option >
2016-04-03 17:23:13 +02:00
< / select >
2020-10-03 11:18:24 +02:00
< / p >
2020-10-03 12:27:16 +02:00
< p id = "board-lang-selection" hidden = "true" >
2020-10-03 11:18:24 +02:00
< label for = "board-lang" data-l10n = "text-content" > Board language: < / label >
2020-05-05 23:44:20 +02:00
< select id = "board-lang" >
< option value = "fr" > French< / option >
< / select >
2020-10-03 11:18:24 +02:00
< / p >
2020-05-05 23:44:20 +02:00
< / div >
2016-02-28 20:23:41 +01:00
< / div >
2020-10-05 21:35:02 +02:00
< section class = "modal" id = "modal-settings-dialog" >
2020-08-04 14:52:32 +02:00
< div class = "modal-content" >
2020-10-05 21:35:02 +02:00
< div class = "modal-header" >
< h1 data-l10n = "text-content" > Settings< / h1 >
< button class = "modal-button" id = "btn-settings-close" > × < / button >
< / div >
< div >
2020-09-13 22:37:33 +02:00
< p > < label > < input type = "checkbox" id = "tiles-sound" / > < span data-l10n = "text-content" > Sound of the tiles< / span > < / label > < / p >
< p > < label > < input type = "checkbox" id = "msg-sound" / > < span data-l10n = "text-content" > Sound of messages< / span > < / label > < / p >
2020-10-05 21:35:02 +02:00
< / div >
2020-10-07 20:10:46 +02:00
< div >
< p id = "disable-spell-checker-p" hide = "true" >
< label >
< input type = "checkbox" id = "disable-spell-checker" / >
< span data-l10n = "text-content" > Disable the spell checker< / span >
< / label >
2020-10-21 21:07:18 +02:00
< / p >
< p id = "no-spell-checker-p" hide = "false" >
< span data-l10n = "text-content" > Spell checking is not available for this language.< / span >
2020-10-07 20:10:46 +02:00
< / p >
< / div >
2020-10-05 21:35:02 +02:00
< div >
< p >
< label for = "double-tap-duration" data-l10n = "text-content" > Double tap duration:< / label >
< span class = "span-range" >
< span data-l10n = "text-content" > (fast)< / span >
< input type = "range" min = "0" max = "0" id = "double-tap-duration" / >
< span data-l10n = "text-content" > (slow)< / span > < br / >
< / span >
< / p >
< / div >
< div >
< p >
< label for = "flash-light-duration" data-l10n = "text-content" > Flash light duration:< / label >
< span class = "span-range" >
< span data-l10n = "text-content" > (fast)< / span >
< input type = "range" min = "0" max = "0" id = "flash-light-duration" / >
< span data-l10n = "text-content" > (slow)< / span >
< / span >
< / p >
< / div >
< div >
< p id = "flash-light-color-p" >
< label >
< input type = "color" size = "6" id = "flash-light-color" / >
< span data-l10n = "text-content" > Flash light color< / span >
< / label >
< / p >
< / div >
2020-08-04 14:52:32 +02:00
< / div >
2020-10-05 21:35:02 +02:00
< / section >
2020-08-29 12:26:05 +02:00
2020-08-30 21:24:02 +02:00
< div id = "content" >
2016-02-28 20:23:41 +01:00
< table id = "board" >
< tr > < td class = "corner" > < / td > < / tr >
< / table >
< div id = "rack-outer" >
< div id = "rack" > < / div >
< / div >
< / div >
2020-10-05 21:35:02 +02:00
< div id = "panel" class = "panel" >
2020-10-05 23:47:06 +02:00
< div id = "btn-settings-wrapper" >
< button id = "btn-settings" data-l10n = "text-content" > Settings< / button >
< / div >
2016-02-28 20:23:41 +01:00
< div id = "bag" > < / div >
2020-09-12 22:25:37 +02:00
< p > < span data-l10n = "text-content" > Number of tiles in the bag:< / span > < br / > < span id = "remaining-letters" > 102< / span > < / 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 >
2020-09-28 20:40:49 +02:00
< div id = "panel-buttons" >
< button id = "clear-rack" class = "minibutton" data-l10n = "text-content" > Put back all the tiles of your rack in the bag< / button >
< button id = "show-rack" class = "minibutton" data-l10n = "text-content" > Show my rack to other players< / button >
2020-10-03 12:27:16 +02:00
< button id = "check-spelling" class = "minibutton" data-l10n = "text-content" hidden = "true" > Check spelling for new words< / button >
2020-09-12 22:25:37 +02:00
< / div >
2020-09-28 20:40:49 +02:00
< div id = "help-box" >
< p id = "help-box-title" data-l10n = "text-content" > Tip!< / p >
< div id = "help-box-inner" >
< div id = "help-messages" >
2020-10-03 12:27:16 +02:00
< p data-l10n = "text-content" hidden = "true" > Click on the bag to take one tile.< / p >
< p data-l10n = "text-content" hidden = "true" > Click on someone's score to change it.< / p >
< p data-l10n = "text-content" hidden = "true" > Who's turn? Click on the Turn button!< / p >
< p data-l10n = "text-content" hidden = "true" > Click on (+) to increase someone's score.< / p >
< p data-l10n = "text-content" hidden = "true" > Show a cell to everyone by double-clicking on it.< / p >
2020-09-28 20:40:49 +02:00
< / div >
< button id = "next-help-msg" class = "minibutton" data-l10n = "title" title = "Next tip" > →< / button >
< / div >
< / div >
2020-10-03 12:27:16 +02:00
< p id = "info-spell-checking" hidden = "true" > < span data-l10n = "text-content" > Spell checking is based on:< / span > < a rel = "noopener noreferrer" target = "_blank" href = "http://aspell.net" > Aspell< / a > < / p >
2016-02-28 20:23:41 +01:00
< / div >
< / body >
< / html >