fix: use a css class for the pixelated property, since apparently this still isn't standardized among different browsers

Signed-off-by: Jeremy O'Brien <neutral@fastmail.com>
This commit is contained in:
Jeremy O'Brien
2019-11-04 08:19:13 -05:00
parent c21986488d
commit 9f9fca02e5

View File

@ -30,6 +30,16 @@ STYLE = """
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
} }
.pixelated {
image-rendering:optimizeSpeed; /* Legal fallback */
image-rendering:-moz-crisp-edges; /* Firefox */
image-rendering:-o-crisp-edges; /* Opera */
image-rendering:-webkit-optimize-contrast; /* Safari */
image-rendering:optimize-contrast; /* CSS3 Proposed */
image-rendering:crisp-edges; /* CSS4 Proposed */
image-rendering:pixelated; /* CSS4 Proposed */
-ms-interpolation-mode:nearest-neighbor; /* IE8+ */
}
""" """
SCRIPT = """ SCRIPT = """
@ -48,8 +58,8 @@ INDEX = """<html>
<style>""" + STYLE + """</style> <style>""" + STYLE + """</style>
</head> </head>
<body> <body>
<div style="position: absolute; top:0; left:0; width:100%%;"> <div style="position: absolute; top:0; left:0; width:100%%;" class="pixelated">
<img src="/ui" id="ui" style="width:100%%;image-rendering: pixelated;"/> <img src="/ui" id="ui" style="width:100%%;"/>
<br/> <br/>
<hr/> <hr/>
<form style="display:inline;" method="POST" action="/shutdown" onsubmit="return confirm('This will halt the unit, continue?');"> <form style="display:inline;" method="POST" action="/shutdown" onsubmit="return confirm('This will halt the unit, continue?');">