use json files to store data/ get css to work

This commit is contained in:
2025-11-17 03:13:46 +07:00
parent c772904165
commit a4b3f8ce06
9 changed files with 131 additions and 55 deletions

View File

@@ -1,34 +1,34 @@
{{ block "experience-partial" . }}
<h2 class="text-3xl font-bold mb-6">Experience</h2>
<h2 class="text-3xl font-bold m-6">Experience</h2>
{{ range . }} {{ template "experience-partial-range" . }} {{ end}} {{ end }} {{
block "experience-partial-range" . }}
<div class="m-10 mb-6 overflow-x-auto rounded-lg shadow">
<table class="min-w-full border border-gray-300 border-collapse">
<thead class="bg-gray-100">
<tr class="border-b border-gray-300">
<th class="px-4 py-3 text-center text-sm font-semibold text-gray-700 border-r border-gray-300">Company</th>
<th class="px-4 py-3 text-center text-sm font-semibold text-gray-700 border-r border-gray-300">Position</th>
<th class="px-4 py-3 text-center text-sm font-semibold text-gray-700 border-r border-gray-300">Employee Type</th>
<th class="px-4 py-3 text-center text-sm font-semibold text-gray-700 border-r border-gray-300">Tasks</th>
<th class="px-4 py-3 text-center text-sm font-semibold text-gray-700 border-r border-gray-300">Tools</th>
<th class="px-4 py-3 text-center text-sm font-semibold text-gray-700">Years</th>
<th class="table-th">Company</th>
<th class="table-th">Position</th>
<th class="table-th">Employee Type</th>
<th class="table-th">Tasks</th>
<th class="table-th">Tools</th>
<th class="table-th border-r-0">Years</th>
</tr>
</thead>
<tbody>
<tr class="hover:bg-gray-50 border-b border-gray-300">
<td class="px-4 py-3 text-center text-gray-600 border-r border-gray-300">{{ .Company }}</td>
<td class="px-4 py-3 text-center text-gray-600 border-r border-gray-300">{{ .Position }}</td>
<td class="px-4 py-3 text-center text-gray-600 border-r border-gray-300">{{ .EmployeeType }}</td>
<td class="px-4 py-3 text-center text-gray-600 border-r border-gray-300">
<ul class="list-disc list-inside">
{{ range .Tasks }}
<li>{{ . }}</li>
{{ end }}
</ul>
<tr class="hover:bg-blue-50 border-b border-gray-300">
<td class="table-td">{{ .Company }}</td>
<td class="table-td">{{ .Position }}</td>
<td class="table-td">{{ .EmployeeType }}</td>
<td class="table-td">
<ul class="list-disc list-inside">
{{ range .Tasks }}
<li class="m-2">{{ . }}</li>
{{ end }}
</ul>
</td>
<td class="px-4 py-3 text-center text-gray-600 border-r border-gray-300">{{ .Tools }}</td>
<td class="px-4 py-3 text-center text-gray-600">{{ .Years }}</td>
<td class="table-td">{{ .Tools }}</td>
<td class="table-td border-r-0">{{ .Years }}</td>
</tr>
</tbody>
</table>