aronaugust/personal-blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Minor color code change

Browse source
This commit is contained in:
Aron August Hohmann 2026-07-25 10:53:44 +02:00
parent c6d0fa30bb
commit 74063a3bf1
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/routes/+page.svelte
View file

@ -49,7 +49,7 @@
<div class="flex flex-col justify-center gap-2 self-center">
<h1 class="text-3xl font-bold">Aron August Hohmann</h1>
<p class="text-lg font-semibold text-gray-800">{m.hero_title()}</p>
<p class="text-[#156793] italic">{m.hero_subtitle()}</p>
<p class="text-brand italic">{m.hero_subtitle()}</p>
<p class="text-sm text-gray-500 mt-1">{m.hero_location()}</p>
</div>
</section>
@ -68,7 +68,7 @@
{ title: m.what_i_do_3_title(), body: m.what_i_do_3_body() },
{ title: m.what_i_do_4_title(), body: m.what_i_do_4_body() },
] as item}
<div class="border border-gray-300 p-5 hover:border-[#156793] transition-colors">
<div class="border border-gray-300 p-5 hover:border-brand transition-colors">
<h3 class="font-semibold mb-2 text-gray-900">{item.title}</h3>
<p class="text-sm text-gray-700 leading-relaxed">{item.body}</p>
</div>
@ -104,19 +104,19 @@
outcome: m.work_3_outcome(),
},
] as study}
<div class="border-l-2 border-[#156793] pl-6">
<div class="border-l-2 border-brand pl-6">
<h3 class="font-bold text-lg mb-4 text-gray-900">{study.title}</h3>
<div class="flex flex-col gap-3 text-sm">
<div>
<span class="font-semibold text-[#156793] uppercase tracking-wider text-xs">{m.work_label_problem()}</span>
<span class="font-semibold text-brand uppercase tracking-wider text-xs">{m.work_label_problem()}</span>
<p class="mt-1 text-gray-800 leading-relaxed">{study.problem}</p>
</div>
<div>
<span class="font-semibold text-[#156793] uppercase tracking-wider text-xs">{m.work_label_approach()}</span>
<span class="font-semibold text-brand uppercase tracking-wider text-xs">{m.work_label_approach()}</span>
<p class="mt-1 text-gray-800 leading-relaxed">{study.approach}</p>
</div>
<div>
<span class="font-semibold text-[#156793] uppercase tracking-wider text-xs">{m.work_label_outcome()}</span>
<span class="font-semibold text-brand uppercase tracking-wider text-xs">{m.work_label_outcome()}</span>
<p class="mt-1 text-gray-800 leading-relaxed">{study.outcome}</p>
</div>
</div>
@ -153,7 +153,7 @@
<section class="max-w-3xl mx-auto px-4 py-14">
<h2 class="text-xl font-bold mb-2 text-gray-900">{m.contact_cta_heading()}</h2>
<p class="text-gray-700 mb-4">{m.contact_cta_body()}</p>
<a href="/contact" class="inline-block bg-[#156793] text-white px-5 py-2 text-sm font-semibold hover:bg-[#0f4f70] transition-colors">
<a href="/contact" class="inline-block bg-brand text-white px-5 py-2 text-sm font-semibold hover:bg-[#0f4f70] transition-colors">
{m.contact_cta_link()} →
</a>
</section>