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

@@ -6,23 +6,25 @@
Feel free to reach out via email or connect on my socials.
</p>
<div class="flex justify-center gap-6">
<a href="mailto:your@email.com" class="text-blue-600 hover:underline"
<a
href="mailto:dilankaherath14@gmail.com"
class="text-blue-600 hover:underline"
>Email</a
>
<a
href="https://linkedin.com/in/yourprofile"
href="https://www.linkedin.com/in/dilanka-herath"
target="_blank"
class="text-blue-600 hover:underline"
>LinkedIn</a
>
<a
href="https://github.com/yourusername"
href="https://github.com/DilankaHer"
target="_blank"
class="text-blue-600 hover:underline"
>GitHub</a
>
</div>
<p class="mt-6 text-gray-500 text-sm">© 2025 Your Name</p>
<p class="mt-6 text-gray-500 text-sm">© 2025 Dilanka Herath</p>
</div>
</footer>
{{ end }}

View File

@@ -1,14 +1,14 @@
{{ block "header" .}}
<header class="bg-white shadow-md">
<nav class="container mx-auto flex justify-between items-center py-4 px-6">
<a href="#" class="text-xl font-bold text-blue-600">Your Name</a>
<a href="#" class="text-xl font-bold text-blue-600">Dilanka Herath</a>
<div class="space-x-6">
<a
id="aboutNavLink"
hx-get="/"
hx-target="#content"
hx-push-url="true"
class="nav-link active"
class="nav-link"
>About</a
>
<a

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>

View File

@@ -1,8 +1,8 @@
{{ block "projects-partial" . }}
<h2 class="text-3xl font-bold mb-6">Projects</h2>
<h2 class="text-3xl font-bold m-6">Projects</h2>
{{ range . }} {{ template "project-partial-range" . }} {{ end}} {{ end }} {{
block "project-partial-range" . }}
<div class="mb-4">
<div class="m-4">
<a href="{{ .Link }}" class="text-blue-600 hover:underline">{{ .Title }}</a> -
{{ .Description }}
</div>