DilankaHer/my_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add experience

Browse Source
This commit is contained in:
Dilanka-H
2025-11-14 15:10:08 +07:00
parent 58cec3e440
commit 5ffde5265b
7 changed files with 134 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
views/experience.html Normal file
View File

@@ -0,0 +1,23 @@
{{ block "experience" . }}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My CV Website</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/htmx.org@1.9.2"></script>
<link rel="stylesheet" href="/css/index.css" />
</head>
<body class="bg-gray-50 text-gray-900 flex flex-col min-h-screen">
<!-- Header Section -->
{{ template "header" }}
<!-- Projects Section -->
<div id="content" class="flex-grow">{{ template "experience-partial" .}}</div>
<!-- Footer Section -->
{{ template "footer" }}
</body>
{{ template "script" }}
</html>
{{ end}}

36
views/partials/experience-partial.html Normal file
View File

@@ -0,0 +1,36 @@
{{ block "experience-partial" . }}
<h2 class="text-3xl font-bold mb-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>
</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>
</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>
</tr>
</tbody>
</table>
</div>
{{ end }}