diff --git a/_locales/en/messages.json b/_locales/en/messages.json index 564bc11..551096d 100644 --- a/_locales/en/messages.json +++ b/_locales/en/messages.json @@ -1,14 +1,14 @@ { "appName": { - "message": "Devel Roller Derby Scoreboard", + "message": "Woozle Overlay Roller Derby Scoreboard", "description": "Application name" }, "appShortName": { - "message": "Devel Scoreboard", + "message": "Overlay Scoreboard", "description": "Short application name" }, "appDesc": { - "message": "Roller Derby Scoreboard for WFTDA, USARS, RDCL, MADE, and JRDA", + "message": "Overlay Roller Derby Scoreboard for WFTDA, USARS, RDCL, MADE, and JRDA", "description": "Application description for app store listing" }, diff --git a/res/icon.png b/res/icon.png index 8b81afb..9bdf9ca 100644 Binary files a/res/icon.png and b/res/icon.png differ diff --git a/res/scoreboard.css b/res/scoreboard.css index ab0beca..84ad196 100644 --- a/res/scoreboard.css +++ b/res/scoreboard.css @@ -1,242 +1,141 @@ @font-face { - font-family: 'Ubuntu'; + font-family: Ubuntu; src: url('Ubuntu-Medium.ttf'); font-weight: normal; font-style: normal; } @font-face { - font-family: 'Ubuntu'; + font-family: Ubuntu; src: url('Ubuntu-Bold.ttf'); font-weight: bold; font-style: normal; } body { - background: url(bg.jpg) #222; - background-size: 100% auto; + background: #000; + font-family: Ubuntu; font-size: 160px; - color: #eee; + color: white; margin: 0; } -input { - font: inherit; -} - -input[readonly] { - color: inherit; - background: inherit; - border: inherit; -} - #scoreboard { cursor: default; - font-family: Ubuntu, sans-serif; } -#scoreboard p { - margin: 0; + + +input { + border: 0px; + font: inherit; + background: transparent; + color: inherit; + width: 3em; + display: inline; } -#scoreboard *[id] { - cursor: pointer; - user-select: none; + +.kitty, .img { + position: absolute; + left: -10000px; } .team { - width: 2em; - height: 100%; - text-align: center; position: absolute; - top: 0; + left: 0; + height: 1.3em; + width: 10em; + border-radius: 0.2em; +} + +.team * { + position: relative; + top: -0.3em; + font-size: 145%; + font-weight: bold; } #team-a { - left: 0; -} -#team-b { - right: 0; + top: 0; + background: #6c6; } -#clocks { - text-align: center; +#team-b { + top: 50%; + background: #c44; } .name { - display: none; + width: 3.5em; + text-align: right; } -.logo { - text-align: center; + +.score { + display: inline-block; + width: 2em; + text-align: right; } -.logo img { - max-width: 1.8em; - max-height: 2em; - display: none; + +.jammer { + color: #888; + opacity: 0.3; } -.logo input { - top: 30%; - font-size: 10pt; - vertical-align: top; - max-height: 15pt; - border: none; -} - -.setup { - background: rgba(0, 255,0, 0.3); +.jammer.lead { + color: yellow; + opacity: inherit; } .timeouts { - position: absolute; - font-size: 50%; - bottom: 1em; - color: #0f0; -} -#timeouts-a { - left: 0em; -} -#timeouts-b { - right: 0em; + margin-top: 4.8em; + font-size: 20%; } -/* Jammer indicators */ -#jammer-a, #jammer-b { - font-family: monospace; + +#clocks * { position: absolute; - bottom: 0em; - color: #444; -} -#jammer-a.lead, #jammer-b.lead, #jamtext, #periodtext { - color: yellow; -} -#jammer-a { - left: 0.5em; -} -#jammer-b { - right: 0.5em; + right: 0.1em; + text-align: right; } -#jam, #period { - text-align: center; - font-weight: bold; - background: #000; - border-radius: 15px; -} #period { - position: absolute; - top: 0; - left: 50%; - width: 3.4em; - margin-left: -1.7em; + top: -0.2em; } #jam { - position: absolute; - bottom: 0em; - left: 50%; - width: 3.5em; - margin-left: -1.75em; -} - -#jamtext, #periodtext, #preset { - text-align: center; - font-family: Ubuntu, sans-serif; - font-size: 75%; - - padding: 0.2em; - position: absolute; - left: 50%; - width: 5em; - margin-left: -2.7em; - z-index: -1; -} - -#periodtext { - top: 1.4em; -} - -#preset { - top: 40%; + bottom: -0.2em; } #jamtext { - bottom: 1.4em; + color: #cc0; + bottom: 0.1em; + right: 3em; } -#advert { - margin-top: 2.2em; - max-height: 1em; - max-width: 5em; +#periodtext { + color: #cc0; + top: 1.25em; + font-size: 80%; } -.score { - position: absolute; - font-size: 1.2em; - top: 50%; - margin-top: -0.6em; -} -#score-a { - left: 0em; -} -#score-b { - right: 0em; +#preset { + top: 1em; + right: 3em; } -#jamno { - color: #0f0; - position: absolute; - font-size: 50%; - bottom: 2.2em; - right: 25%; +#close { + visibility: hidden; } -/* - * States timers can be in - */ -#jam.paused, #period.paused { - color: #aaf; -} -#jam.lowtime, #period.lowtime { - background: #f24; -} -#jam.timeout { - background: #044; -} -#jam.lineup { - background: #060; -} - -#close, #prefs { +#notice { position: absolute; top: 0; - right: 0; - height: 16px; - width: 16px; - opacity: 0.5; -} - -#prefs { - top: inherit; - bottom: 0; -} - -/* - * Notices - */ -#notice { - display: none; - position: absolute; - bottom: 1.3em; - left: 50%; - width: 4em; - height: 3em; - margin-left: -2em; - text-align: center; + left: 0; } #notice img { - height: 100%; -} \ No newline at end of file + max-height: 3em; +}