minor css changes

This commit is contained in:
Patrick Haßel 2024-12-27 14:11:22 +01:00
parent 4d69492986
commit f4887cd89a

View File

@ -10,7 +10,7 @@ static const char *const style = R"(
<style> <style>
body { body {
font-family: sans-serif; font-family: sans-serif;
font-size: 9vw; font-size: 8vw;
margin: 0; margin: 0;
} }
button{ button{
@ -21,11 +21,8 @@ button{
table{ table{
border-collapse: collapse; border-collapse: collapse;
} }
@media(min-width: 1000px) { td{
body { text-align: center;
font-size: 20px;
margin: 0;
}
} }
</style> </style>
)"; )";
@ -88,6 +85,12 @@ void web_index() {
server.send(200, "text/html", ""); server.send(200, "text/html", "");
server.sendContent(style); server.sendContent(style);
server.sendContent(script); server.sendContent(script);
server.sendContent(R"(<p>)");
server.sendContent(R"(<a href="/player?index=0">Player 0</a><br>)");
server.sendContent(R"(<a href="/player?index=1">Player 1</a><br>)");
server.sendContent(R"(</p>)");
server.sendContent(R"(<p>)"); server.sendContent(R"(<p>)");
server.sendContent(R"(<a onclick="get('/mode?mode=0');">NONE</a><br>)"); server.sendContent(R"(<a onclick="get('/mode?mode=0');">NONE</a><br>)");
server.sendContent(R"(<a onclick="get('/mode?mode=1');">BORDER</a><br>)"); server.sendContent(R"(<a onclick="get('/mode?mode=1');">BORDER</a><br>)");
@ -104,11 +107,6 @@ void web_index() {
server.sendContent(R"(<a onclick="get('/mode?mode=12');">MATRIX</a><br>)"); server.sendContent(R"(<a onclick="get('/mode?mode=12');">MATRIX</a><br>)");
server.sendContent(R"(</p>)"); server.sendContent(R"(</p>)");
server.sendContent(R"(<p>)");
server.sendContent(R"(<a href="/player?index=0">Player 0</a><br>)");
server.sendContent(R"(<a href="/player?index=1">Player 1</a><br>)");
server.sendContent(R"(</p>)");
server.sendContent(R"(<p>)"); server.sendContent(R"(<p>)");
server.sendContent(R"(Helligkeit: <a onclick="get('/brighter');">+</a> / <a onclick="get('/darker');">-</a><br>)"); server.sendContent(R"(Helligkeit: <a onclick="get('/brighter');">+</a> / <a onclick="get('/darker');">-</a><br>)");
server.sendContent(R"(Geschwindigkeit: <a onclick="get('/faster');">+</a> / <a onclick="get('/slower');">-</a><br>)"); server.sendContent(R"(Geschwindigkeit: <a onclick="get('/faster');">+</a> / <a onclick="get('/slower');">-</a><br>)");
@ -138,7 +136,7 @@ void web_player() {
server.sendContent(R"(<tr>)"); server.sendContent(R"(<tr>)");
server.sendContent(R"(<td>&nbsp;</td>)"); server.sendContent(R"(<td><a href='/'>&larr;</td>)");
server.sendContent(R"(<td>)"); server.sendContent(R"(<td>)");
snprintf(buffer, sizeof buffer, R"(<button onclick="get('/player/move?index=%d&x=0&y=-1');">&uarr;</button><br>)", index); snprintf(buffer, sizeof buffer, R"(<button onclick="get('/player/move?index=%d&x=0&y=-1');">&uarr;</button><br>)", index);