CSS skin support

2025-05-18 00:00:18 -07:00 · 2021-09-07 20:52:19 +08:00 · 2021-09-07 20:52:19 +08:00 · d999d01c65
commit d999d01c65
parent a2dcfcca89
8 changed files with 16 additions and 1 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1,5 +1,6 @@

 bleak
+www/skin.css
 www/fabric.js
 www/fabric.min.js
 www/html2canvas.js
--- a/README.md
+++ b/README.md
@ -37,6 +37,9 @@ This application uses server/client module, and have fewest possible dependencie
 - Python3 & Browser
 - [fabric.min.js](https://github.com/fabricjs/fabric.js/tree/master/dist)
 - [html2canvas.min.js](https://html2canvas.hertzen.com/)
+- Any css for plain webpage, e.g. [minicss](https://minicss.org/), rename to `skin.css`
+
+Put any web-related files to folder `www`.

 ### Supported Platforms

--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@ -37,6 +37,9 @@ TODO
 - Python3 与浏览器
 - [fabric.min.js](https://github.com/fabricjs/fabric.js/tree/master/dist)
 - [html2canvas.min.js](https://html2canvas.hertzen.com/)
+- 任何纯网页可用的 css，如 [minicss](https://minicss.org/)，重命名为 `skin.css`
+
+将 web 相关的文件放在 `www` 文件夹中。

 ### 支持的平台

--- a/www/custom-print.html
+++ b/www/custom-print.html
@ -6,6 +6,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Custom Print</title>
    <link rel="stylesheet" href="main.css" />
+    <link rel="stylesheet" href="skin.css" />
 </head>
 <body>
    <main>
--- a/www/index.html
+++ b/www/index.html
@ -6,6 +6,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Printer Center</title>
    <link rel="stylesheet" href="main.css" />
+    <link rel="stylesheet" href="skin.css" />
 </head>
 <body>
    <main class="mainpage">
--- a/www/main.css
+++ b/www/main.css
@ -23,3 +23,7 @@ a:link, a:visited {
 a:hover, a:active {
    color: darkblue;
 }
+
+main input[type="range"] {
+    width: 16em;
+}
--- a/www/print-document.html
+++ b/www/print-document.html
@ -6,6 +6,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Print Document</title>
    <link rel="stylesheet" href="main.css" />
+    <link rel="stylesheet" href="skin.css" />
 </head>
 <body>
    <main>
--- a/www/print-image.html
+++ b/www/print-image.html
@ -6,6 +6,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Print Image</title>
    <link rel="stylesheet" href="main.css" />
+    <link rel="stylesheet" href="skin.css" />
 </head>
 <body>
    <main>