76 lines
3.5 KiB
HTML
76 lines
3.5 KiB
HTML
<!-- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.<path d="M240 6.1c9.1-8.2 22.9-8.2 32 0l232 208c9.9 8.8 10.7 24 1.8 33.9s-24 10.7-33.9 1.8l-8-7.2 0 205.3c0 35.3-28.7 64-64 64l-288 0c-35.3 0-64-28.7-64-64l0-205.3-8 7.2c-9.9 8.8-25 8-33.9-1.8s-8-25 1.8-33.9L240 6.1zm16 50.1L96 199.7 96 448c0 8.8 7.2 16 16 16l48 0 0-104c0-39.8 32.2-72 72-72l48 0c39.8 0 72 32.2 72 72l0 104 48 0c8.8 0 16-7.2 16-16l0-248.3-160-143.4zM208 464l96 0 0-104c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24l0 104z"/></svg> -->
|
||
{{ block "experience-partial" . }}
|
||
<div class="inline-flex flex-row m-10 mb-6 mt-16 items-center space-x-5">
|
||
<span class="text-lg md:text-3xl font-bold clickable
|
||
hover:scale-110 transition-transform duration-300
|
||
flex items-center gap-2 cursor-pointer
|
||
[&>svg]:h-5 [&>svg]:w-5 md:[&>svg]:h-8 md:[&>svg]:w-8
|
||
hover:[&>svg]:text-[#0088cc]
|
||
dark:hover:[&>svg]:text-[#7dd3fc]
|
||
hover:[&>svg]:drop-shadow-[0_0_6px_rgba(35,36,59,0.5)] dark:hover:[&>svg]:drop-shadow-[0_0_6px_rgba(74,140,255,0.8)]
|
||
active:scale-95" onclick="clickBackButton()">
|
||
<svg xmlns="http://www.w3.org/2000/svg"
|
||
fill="currentColor"
|
||
viewBox="0 0 512 512">
|
||
<path d="M240 6.1c9.1-8.2 22.9-8.2 32 0l232 208c9.9 8.8 10.7 24 1.8 33.9s-24 10.7-33.9 1.8l-8-7.2 0 205.3c0 35.3-28.7 64-64 64l-288 0c-35.3 0-64-28.7-64-64l0-205.3-8 7.2c-9.9 8.8-25 8-33.9-1.8s-8-25 1.8-33.9L240 6.1zm16 50.1L96 199.7 96 448c0 8.8 7.2 16 16 16l48 0 0-104c0-39.8 32.2-72 72-72l48 0c39.8 0 72 32.2 72 72l0 104 48 0c8.8 0 16-7.2 16-16l0-248.3-160-143.4zM208 464l96 0 0-104c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24l0 104z"/>
|
||
</svg>
|
||
</span>
|
||
<span class="text-lg md:text-3xl font-bold underline"> Experience</span>
|
||
</div>
|
||
|
||
<div class="flex flex-row m-10 mb-2 mt-1 text-sm md:text-lg">
|
||
<section class="font-bold">
|
||
For all jobs mentioned below I was an employee of <span class="italic underline">Idpassglobal</span>
|
||
</section>
|
||
</div>
|
||
<div class="m-10 mb-6">
|
||
{{ range . }} {{ template "experience-partial-range" . }} {{ end }}
|
||
</div>
|
||
|
||
{{ end }} {{block "experience-partial-range" . }}
|
||
<div class="lg:grid grid-cols-[10rem_1rem_auto] hidden">
|
||
<div class="text-right font-bold leading-none">{{.StartFrom}}</div>
|
||
<div class="flex flex-col items-center leading-none ml-2">
|
||
<span class="w-2.5 h-2.5 rounded-full bg-secondary dark:bg-white/20"></span>
|
||
<span class="w-0.5 flex-grow bg-secondary dark:bg-white/20"></span>
|
||
</div>
|
||
<div class="m-5">
|
||
<div class="flex flex-row">
|
||
<p class="font-bold">{{.Company}}</p>
|
||
<p class="ml-2 font-bold">{{.Position}}</p>
|
||
<p class="ml-2 font-bold">- {{.EmployeeType}}</p>
|
||
</div>
|
||
<ul class="list-disc list-inside">
|
||
{{ range .Tasks }}
|
||
<li class="m-2">{{.}}</li>
|
||
{{ end }}
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="block lg:hidden">
|
||
<div class="flex flex-col space-y-2 font-semibold text-start text-sm p-4 rounded-lg border-2 border-secondary dark:border-darksecondary shadow-md">
|
||
|
||
<!-- Dates -->
|
||
<p>{{ .StartFrom }}</p>
|
||
|
||
<!-- Company + Type -->
|
||
<p>
|
||
{{ .Company }}
|
||
<span> – {{ .EmployeeType }}</span>
|
||
</p>
|
||
|
||
<!-- Position -->
|
||
<p>{{ .Position }}</p>
|
||
|
||
<!-- Tasks -->
|
||
<ul class="list-disc list-inside mt-2 space-y-1 font-normal">
|
||
{{ range .Tasks }}
|
||
<li class="leading-snug">{{ . }}</li>
|
||
{{ end }}
|
||
</ul>
|
||
|
||
</div>
|
||
</div>
|
||
{{ end }}
|