feat: better template

This commit is contained in:
u80864958
2025-08-22 12:04:21 +02:00
parent 2e279c9b13
commit 11e7b6445c
4 changed files with 152 additions and 189 deletions

View File

@@ -6,36 +6,18 @@
<title>Rechnung vom 0001-01-01 00:00:00 &#43;0000 UTC</title>
<style>
/* 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;
}
section {
margin-bottom: 3em;
}
p {
margin-top: 0.25em;
margin-bottom: 0.5em;
}
header {
display: flex;
justify-content: space-between;
@@ -85,10 +67,11 @@ footer {
.totals {
float: right;
width: 300px;
margin-top: 20px;
margin-top: -15px;
}
.totals table {
border: none;
margin: 0;
}
.totals td {
border: none;
@@ -101,22 +84,32 @@ footer {
<body>
<header>
<div class="company">
<h2>.CompanyName <h2>
<p>.CompanyAddress <p>
<p>.CompanyContact <p>
<h2>.CompanyName</h2>
<p>
.CompanyAddress <br />
.CompanyContact
</p>
<p></p>
</div>
<div class="invoice-info">
<p><strong>Rechnung:</strong> .InvoiceNumber </p>
<p><strong>Datum:</strong> .Date </p>
<p><strong>Fällig am:</strong> .DueDate </p>
<p>
<strong>Rechnung:</strong> .InvoiceNumber <br />
<strong>Datum:</strong> .Date <br />
<strong>Fällig am:</strong> .DueDate
</p>
</div>
</header>
<section class="client">
<h2>Rechnung an:</h2>
<p> .ClientName </p>
<p> .ClientAddress </p>
<p> .ClientContact </p>
<p>
.ClientName <br />
.ClientAddress <br />
.ClientContact
</p>
</section>
<section>
<table>
<thead>
<tr>
@@ -140,16 +133,6 @@ footer {
<td>21.08.2025 18:05</td>
</tr>
<tr>
<td>1</td>
<td>asdf</td>
<td>1.72 h</td>
<td>16 CHF/h</td>
<td>27.47 CHF</td>
<td>01.08.2025 14:04</td>
</tr>
</tbody>
</table>
@@ -161,10 +144,9 @@ footer {
</tr>
</table>
</div>
</section>
<hr />
<section>
<h2>Details zu den Features</h2>
@@ -184,25 +166,12 @@ footer {
</article>
<article>
<h3>1: asdf</h3>
<p>Hello</p>
<pre><code class="language-info">duration: 1h 43min
</code></pre>
<h4 id="adökfjaösldkjflaa">adökfjaösldkjflaa</h4>
<h5 id="asdfads">ASDFADS</h5>
<h6 id="adllglggl">adllglggl</h6>
</article>
</section>
<footer>
<p>Bitte überweisen Sie den Gesamtbetrag bis zum Fälligkeitsdatum auf folgendes Konto:</p>
<p>
Bitte überweisen Sie den Gesamtbetrag bis zum Fälligkeitsdatum auf
folgendes Konto:
</p>
<p>.BankDetails</p>
<p>Vielen Dank für Ihr Vertrauen!</p>
</footer>

View File

@@ -27,7 +27,7 @@ func main() {
for _, repo := range []Repo{
{"lou-taylor", "lou-taylor-web"},
{"lou-taylor", "lou-taylor-api"},
{"lou-taylor", "accounting"},
// {"lou-taylor", "accounting"},
} {
iss, _, err := client.ListRepoIssues(
repo.owner,

View File

@@ -1,33 +1,15 @@
/* 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;
}
section {
margin-bottom: 3em;
}
p {
margin-top: 0.25em;
margin-bottom: 0.5em;
}
header {
display: flex;
justify-content: space-between;
@@ -77,10 +59,11 @@ footer {
.totals {
float: right;
width: 300px;
margin-top: 20px;
margin-top: -15px;
}
.totals table {
border: none;
margin: 0;
}
.totals td {
border: none;

View File

@@ -12,22 +12,32 @@
<body>
<header>
<div class="company">
<h2>.CompanyName <h2>
<p>.CompanyAddress <p>
<p>.CompanyContact <p>
<h2>.CompanyName</h2>
<p>
.CompanyAddress <br />
.CompanyContact
</p>
<p></p>
</div>
<div class="invoice-info">
<p><strong>Rechnung:</strong> .InvoiceNumber </p>
<p><strong>Datum:</strong> .Date </p>
<p><strong>Fällig am:</strong> .DueDate </p>
<p>
<strong>Rechnung:</strong> .InvoiceNumber <br />
<strong>Datum:</strong> .Date <br />
<strong>Fällig am:</strong> .DueDate
</p>
</div>
</header>
<section class="client">
<h2>Rechnung an:</h2>
<p> .ClientName </p>
<p> .ClientAddress </p>
<p> .ClientContact </p>
<p>
.ClientName <br />
.ClientAddress <br />
.ClientContact
</p>
</section>
<section>
<table>
<thead>
<tr>
@@ -62,10 +72,9 @@
</tr>
</table>
</div>
</section>
<hr />
<section>
<h2>Details zu den Features</h2>
{{ range .Issues }}
@@ -74,10 +83,12 @@
{{ .Body | md | oh 3 }}
</article>
{{ end }}
</section>
<footer>
<p>Bitte überweisen Sie den Gesamtbetrag bis zum Fälligkeitsdatum auf folgendes Konto:</p>
<p>
Bitte überweisen Sie den Gesamtbetrag bis zum Fälligkeitsdatum auf
folgendes Konto:
</p>
<p>.BankDetails</p>
<p>Vielen Dank für Ihr Vertrauen!</p>
</footer>