djsundog/circuitpython
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added css support to web workflow

Browse Source 
Added a bare minimum css implementation to web workflow to improve readability
This commit is contained in:
Andy Warburton 2022-07-28 12:03:22 +01:00
parent 88102d104c
commit 2a0e4f7ee2
5 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
supervisor/shared/web_workflow/static/directory.html
View File

@ -4,6 +4,7 @@
<title></title> <title></title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<script src="/directory.js" defer=true></script> <script src="/directory.js" defer=true></script>
<link rel="stylesheet" href="/style.css">
</head> </head>
<body> <body>
<h1><a href="/"><img src="/favicon.ico"/></a>&nbsp;<span id="path"></span></h1> <h1><a href="/"><img src="/favicon.ico"/></a>&nbsp;<span id="path"></span></h1>

1
supervisor/shared/web_workflow/static/serial.html
View File

@ -5,6 +5,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<script src="/serial.js" defer=true></script> <script src="/serial.js" defer=true></script>
<link rel="stylesheet" href="/style.css">
</head> </head>
<body style="flex-direction: column; display: flex; height: 100%; width: 100%; margin: 0; font-size: 1rem;"> <body style="flex-direction: column; display: flex; height: 100%; width: 100%; margin: 0; font-size: 1rem;">
<div style="flex: auto; display: flex; overflow: auto; flex-direction: column;"> <div style="flex: auto; display: flex; overflow: auto; flex-direction: column;">

7
supervisor/shared/web_workflow/static/style.css Normal file
View File

@ -0,0 +1,7 @@
body {
max-width: 960px;
margin: 20px auto;
font-size: 18px;
font-family: "Proxima Nova", Verdana, sans-serif;
line-height: 20.7px;
}

1
supervisor/shared/web_workflow/static/welcome.html
View File

@ -5,6 +5,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<script src="/welcome.js" defer=true></script> <script src="/welcome.js" defer=true></script>
<link rel="stylesheet" href="/style.css">
</head> </head>
<body> <body>
<h1><a href="/"><img src="/favicon.ico"/></a>&nbsp;Welcome!</h1> <h1><a href="/"><img src="/favicon.ico"/></a>&nbsp;Welcome!</h1>

3
supervisor/shared/web_workflow/web_workflow.c
View File

@ -861,6 +861,7 @@ STATIC_FILE(directory_html);
STATIC_FILE(directory_js); STATIC_FILE(directory_js);
STATIC_FILE(welcome_html); STATIC_FILE(welcome_html);
STATIC_FILE(welcome_js); STATIC_FILE(welcome_js);
STATIC_FILE(style_css);
STATIC_FILE(serial_html); STATIC_FILE(serial_html);
STATIC_FILE(serial_js); STATIC_FILE(serial_js);
STATIC_FILE(blinka_16x16_ico); STATIC_FILE(blinka_16x16_ico);
@ -1070,6 +1071,8 @@ static bool _reply(socketpool_socket_obj_t *socket, _request *request) {
_REPLY_STATIC(socket, request, welcome_js); _REPLY_STATIC(socket, request, welcome_js);
} else if (strcmp(request->path, "/serial.js") == 0) { } else if (strcmp(request->path, "/serial.js") == 0) {
_REPLY_STATIC(socket, request, serial_js); _REPLY_STATIC(socket, request, serial_js);
} else if (strcmp(request->path, "/style.css") == 0) {
_REPLY_STATIC(socket, request, style_css);
} else if (strcmp(request->path, "/favicon.ico") == 0) { } else if (strcmp(request->path, "/favicon.ico") == 0) {
// TODO: Autogenerate this based on the blinka bitmap and change the // TODO: Autogenerate this based on the blinka bitmap and change the
// palette based on MAC address. // palette based on MAC address.