DailyFieldReport/sample_fixed.html at main · getinetaga/DailyFieldReport · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>Field Report</title>
<style>
body { font-family: Arial, sans-serif; margin: 40px; }
.logo-container { position: absolute; top: 20px; left: 20px; }
.logo { width: 80px; height: 80px; background: linear-gradient(45deg, #2196F3, #21CBF3); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 16px; }
.header { text-align: center; border-bottom: 2px solid #333; padding-bottom: 20px; margin-top: 60px; }
.report-table { width: 100%; border-collapse: collapse; margin: 20px 0; }
.report-table th, .report-table td { border: 1px solid #ddd; padding: 12px; text-align: left; }
.report-table th { background-color: #f2f2f2; font-weight: bold; }
.section-title { font-weight: bold; margin-top: 20px; font-size: 16px; }
.content { margin: 10px 0; line-height: 1.6; }
@media print { body { margin: 20px; } .logo-container { position: absolute; top: 10px; left: 10px; } }
</style>
</head>
<body>
<div class='logo-container'>
<div class='logo'>DFR</div>
</div>
<div class='header'>
<h1>FIELD REPORT</h1>
<p>Generated: 2025-10-25 13:22:43</p>
</div>
<table class='report-table'>
<tr><th>Report ID</th><td>4f326b5c-823c-4c5b-854d-1b1896431a7f</td></tr>
<tr><th>Date</th><td>2025-10-25</td></tr>
<tr><th>Created</th><td>2025-10-25T13:22:43.656681</td></tr>
<tr><th>Reporter</th><td>John Smith</td></tr>
<tr><th>Location</th><td>Construction Site A</td></tr>
<tr><th>Project</th><td>Sample Bridge Project</td></tr>
<tr><th>Weather AM</th><td>Sunny</td></tr>
<tr><th>Weather PM</th><td>Partly Cloudy</td></tr>
<tr><th>High Temperature</th><td>22°C</td></tr>
<tr><th>Low Temperature</th><td>25°C</td></tr>
</table>
<div class='section-title'>Work Description:</div>
<div class='content'>Completed excavation for foundation. Installed steel reinforcement bars according to specifications. Poured concrete for foundation walls.</div>
<div class='section-title'>Notes:</div>
<div class='content'>Quality checks completed successfully. All work meets project specifications.</div>
</body>
</html>