i18n chat html and format chat.css

merge-requests/150/merge
nr0q 2021-10-19 21:16:02 -05:00
rodzic 220fc036b8
commit 3a00b5b3d0
3 zmienionych plików z 105 dodań i 111 usunięć

Wyświetl plik

@ -456,31 +456,25 @@
</head>
<body onLoad="init();" style="height: 100%; width: 100%" onresize="Resize();">
<div id="noticeDiv" style="display: none; width: 80%; overflow-wrap: break-word; white-space: normal">
<p data-i18n="chat.notice.para1">
<b>NOTICE</b>: GridTracker chat is not encrypted or obfuscated beyond HTTPS. This means that it's sent as
plaintext that is vulnerable to hackers, pirates, the NSA, your wife, and anyone that thinks you're interesting
enough to monitor.
<p>
</p>
<p data-i18n="chat.notice.para2">
<b>NEVER</b> give passwords, credit card numbers, safe combinations or any personal information that you don't
want bad people to know because there are some very bad people out there.
</p>
<p>
<p data-i18n="chat.notice.para3">
Not us, though. While GridTracker is free, unlike some other free apps, we don't store, save, sell, peek at or
otherwise do anything with the chat that would violate your trust. We don't keep logs. We don't save Metadata.
We just don't.
</p>
<p>
<p data-i18n="chat.notice.para4">
Close GridTracker, lose the text. So write anything down you want to save.
<br />Because when it's gone, gone is forever.
</p>
<p>
<br />
</p>
<p></p>
<div class="button" onclick="userAgrees();">Click here to acknowledge the above and enable messaging</div>
<div data-i18n="chat.notice.agree" class="button" onclick="userAgrees();">Click here to acknowledge the above and enable messaging</div>
</div>
<div id="wrapperDiv" style="display: none">
<div
@ -517,11 +511,11 @@
"
>
<div style="display: inline-block; cursor: pointer" onclick="toggleBand()">
<font color="lightgreen">Band: </font>
<font data-i18n="chat.filter.band" color="lightgreen">Band: </font>
<font id="viewBand" color="yellow">All</font>
</div>
<div style="display: inline-block; cursor: pointer" onclick="toggleMode()">
<font color="orange">Mode: </font>
<font data-i18n="chat.filter.mode" color="orange">Mode: </font>
<font id="viewMode" color="yellow">All</font>
</div>
</div>

Wyświetl plik

@ -458,10 +458,10 @@
"chat.ended": "Session ended",
"chat.notAvail": "...this session is no longer available...",
"chat.noHistory": "no message history",
"chat.notice.bold": "NOTICE:",
"chat.notice.para1": "GridTracker chat is not encrypted or obfuscated beyond HTTPS. This means that it's sent as plaintext that is vulnerable to hackers, pirates, the NSA, your wife, and anyone that thinks you're interesting enough to monitor.",
"chat.notice.para2": "Not us, though. While GridTracker is free, unlike some other free apps, we don't store, save, sell, peek at or otherwise do anything with the chat that would violate your trust. We don't keep logs. We don't save Metadata. We just don't.",
"chat.notice.para3": "Close GridTracker, lose the text. So write anything down you want to save. Because when it's gone, gone is forever.",
"chat.notice.para1": "NOTICE: GridTracker chat is not encrypted or obfuscated beyond HTTPS. This means that it's sent as plaintext that is vulnerable to hackers, pirates, the NSA, your wife, and anyone that thinks you're interesting enough to monitor.",
"chat.notice.para2": "<b>NEVER</b> give passwords, credit card numbers, safe combinations or any personal information that you don't want bad people to know because there are some very bad people out there.",
"chat.notice.para3": "Not us, though. While GridTracker is free, unlike some other free apps, we don't store, save, sell, peek at or otherwise do anything with the chat that would violate your trust. We don't keep logs. We don't save Metadata. We just don't.",
"chat.notice.para4": "Close GridTracker, lose the text. So write anything down you want to save. Because when it's gone, gone is forever.",
"chat.notice.agree": "Click here to acknowledge the above and enable messaging",
"chat.filter.band": "Band:",
"chat.filter.mode": "Mode:",

Wyświetl plik

@ -3,104 +3,104 @@ th,
td,
body,
input {
color: #fff;
white-space: nowrap;
font-family: Sans-Serif;
font-size: 13px;
text-align: auto;
}
.boxDisplay {
margin: 1px;
padding: 2px;
border-width: 2px;
border-color: #aaa;
border-style: inset;
vertical-align: top;
-webkit-border-radius: 4px;
}
textarea {
width: 100%;
resize: none;
font-size: 15px;
}
.self {
color: #ffff00;
font-weight: bold;
}
.them {
color: #00ffff;
font-weight: bold;
}
.system {
color: #ff0000;
font-weight: bold;
}
.when {
color: #777777;
font-size: 12px;
}
.msgText {
color: #eeeeee;
font-size: 15px;
}
.msgTextUnicode {
color: #eeeeee;
font-size: 15px;
}
color: #fff;
white-space: nowrap;
font-family: Sans-Serif;
font-size: 13px;
text-align: auto;
}
.boxDisplay {
margin: 1px;
padding: 2px;
border-width: 2px;
border-color: #aaa;
border-style: inset;
vertical-align: top;
-webkit-border-radius: 4px;
}
textarea {
width: 100%;
resize: none;
font-size: 15px;
}
.self {
color: #ffff00;
font-weight: bold;
}
.them {
color: #00ffff;
font-weight: bold;
}
.system {
color: #ff0000;
font-weight: bold;
}
.when {
color: #777777;
font-size: 12px;
}
.msgText {
color: #eeeeee;
font-size: 15px;
}
.msgTextUnicode {
color: #eeeeee;
font-size: 15px;
}
body {
background-image: url(img/gridtracker10.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
#callsign {
color: #00ffff;
font-weight: bold;
}
#country,
#dxcc {
color: #ffff00;
font-weight: bold;
}
#grid {
color: orange;
font-weight: bold;
}
#band {
color: #009900;
font-weight: bold;
}
#mode {
color: #ee0000;
font-weight: bold;
}
body {
background-image: url(img/gridtracker10.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
#callsign {
color: #00ffff;
font-weight: bold;
}
#country,
#dxcc {
color: #ffff00;
font-weight: bold;
}
#grid {
color: orange;
font-weight: bold;
}
#band {
color: #009900;
font-weight: bold;
}
#mode {
color: #ee0000;
font-weight: bold;
}
.rosterOn {
color: #ffffff;
}
.rosterOn {
color: #ffffff;
}
.rosterOff {
color: #777777;
}
.rosterOff {
color: #777777;
}
.imgGray {
-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
.imgGray {
-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
.imgNoFilter {
}
.imgNoFilter {
}
input:focus,
textarea:focus,
select:focus {
outline: none;
}
input:focus,
textarea:focus,
select:focus {
outline: none;
}
table {
border-collapse: collapse;
}
table {
border-collapse: collapse;
}
tr:hover td {
box-shadow: inset 0px 11px 6px -8px #888, inset 0px -11px 6px -8px #888;
}
tr:hover td {
box-shadow: inset 0px 11px 6px -8px #888, inset 0px -11px 6px -8px #888;
}