src

sauce
got clone ssh://anon@src.dalliard.ch/src
log | files | refs

bill.html (1756B)

      1 {{ define "main" }}
      2 <img class="logo" src="/logo.png">
      3 <h2>Dalliard IT</h2>
      4 <p>Nathanael Dalliard<br>
      5 Breiten 82<br>
      6 3983 Mörel-Filet<br>
      7 nathanael@dalliard.ch</p>
      8 <p class="date">Mörel-Filet, den {{ time.Now | time.Format ":date_long" }}</p>
      9 <h1 contenteditable>Rechnung #1000</h1>
     10 <table>
     11 	<thead>
     12 		<tr>
     13 			<th>Bezeichnung</th>
     14 			<th>Betrag</th>
     15 		</tr>
     16 	</thead>
     17 	<tbody>
     18 		<tr>
     19 			<td>Jahresgebühr</td>
     20 			<td contenteditable></td>
     21 		</tr>
     22 		<tr>
     23 			<td></td>
     24 			<td></td>
     25 		</tr>
     26 	</tbody>
     27 	<tfoot>
     28 		<tr>
     29 			<td>TOTAL / ZAHLBAR BIS AM {{ time.Now.AddDate 0 0 +10 | time.Format ":date_short"}}</td>
     30 			<td contenteditable></td>
     31 		</tr>
     32 	</tfoot>
     33 </table>
     34 <img class="bg" src="/qrbill.svg">
     35 <style>
     36 body {
     37 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     38 	margin: 2rem;
     39 	max-width: 46rem;
     40 }
     41 img.logo {
     42 	width: 6rem;
     43 	height: 6rem;
     44 	margin-bottom: .5rem;
     45 	float: right;
     46 }
     47 img.bg {
     48 	position: absolute;
     49 	top: 0;
     50 	left: 0;
     51 	z-index: -1;
     52 }
     53 h1 {
     54 	margin-top: 10rem;
     55 }
     56 p, h2 {
     57 	margin: 0;
     58 }
     59 p.date {
     60 	margin: 2rem 0;
     61 	font-size: .9rem;
     62 }
     63 table {
     64 	width: 100%;
     65 	margin-top: 3rem;
     66 	border-collapse: collapse;
     67 }
     68 table th {
     69 	text-transform: uppercase;
     70 	font-weight: normal;
     71 	font-size: .8rem;
     72 	border-bottom: 2px solid black;
     73 }
     74 table th:first-child {
     75 	text-align: left;
     76 }
     77 table th:last-child {
     78 	text-align: right;
     79 }
     80 table td {
     81 	padding: .3rem 0;
     82 }
     83 table tbody tr:first-child td {
     84 	padding-top: .5rem;
     85 }
     86 table tbody tr:last-child td {
     87 	padding-top: 11rem;
     88 }
     89 table td:last-child {
     90 	text-align: right;
     91 	padding-right: .2rem;
     92 }
     93 table tfoot td:last-child {
     94 	border: 2px solid black;
     95 }
     96 table tfoot td:first-child {
     97 	text-align: left;
     98 }
     99 </style>
    100 {{ end }}