feat: html template

report/style.css

@@ -0,0 +1,89 @@
+/* body { */
+/*   font-family: sans-serif; */
+/*   font-size: 14px; */
+/* } */
+/**/
+/* table { */
+/*   width: 100%; */
+/*   border-collapse: collapse; */
+/* } */
+/**/
+/* th, */
+/* td { */
+/*   border: 1px solid #ddd; */
+/*   padding: 8px; */
+/*   text-align: left; */
+/* } */
+/**/
+/* th { */
+/*   background-color: #f4f4f4; */
+/*   font-weight: bold; */
+/* } */
+/**/
+/* tr:nth-child(even) { */
+/*   background-color: #f9f9f9; */
+/* } */
+body {
+  font-family: sans-serif;
+  margin: 40px;
+  color: #333;
+}
+header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 40px;
+}
+h1 {
+  margin: 0;
+  font-size: 2em;
+}
+.company,
+.client {
+  margin-bottom: 20px;
+}
+table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 20px;
+}
+table,
+th,
+td {
+  border: 1px solid #ccc;
+}
+th,
+td {
+  padding: 10px;
+  text-align: left;
+}
+th {
+  background-color: #f2f2f2;
+}
+tfoot td {
+  font-weight: bold;
+}
+h2 {
+  margin-top: 40px;
+}
+article {
+  margin-bottom: 20px;
+}
+footer {
+  margin-top: 40px;
+  font-size: 0.9em;
+  text-align: center;
+  color: #666;
+}
+.totals {
+  float: right;
+  width: 300px;
+  margin-top: 20px;
+}
+.totals table {
+  border: none;
+}
+.totals td {
+  border: none;
+  padding: 5px 10px;
+  text-align: right;
+}