libretech/M6C9.de
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Activity

add emoji

Browse Source
This commit is contained in:
Michael Czechowski
2024-10-19 00:38:45 +02:00
parent 63f609d9b4
commit 72dea54cc7
5 changed files with 182 additions and 455 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Academia.pug
View File

@@ -10,7 +10,7 @@ section#academia.bg-nls-black.text-white
.mb-12
.mb-8.max-w-prose.prose(class="lg:prose-xl")
each paragraph, i in academia.intro
- const additionalClasses = i !== 0 ? "indent-3" : "";
- const additionalClasses = i !== 0 ? "indent-3" : "mb-2 font-serif leading-tight sm:text-xl text-lg";
p(class=additionalClasses)= paragraph
// endregion
@@ -37,8 +37,10 @@ section#academia.bg-nls-black.text-white
// region Skills
+Title("h2")= academia.sectionTitles.expertise
p.mb-8.max-w-prose.prose(class="lg:prose-xl")
| #{academia.expertise.intro}
.mb-8.max-w-prose.prose(class="lg:prose-xl")
each paragraph, i in academia.expertise.intro
- const additionalClasses = i !== 0 ? "indent-3" : "mb-2 font-serif leading-tight sm:text-xl text-md";
p(class=additionalClasses)= paragraph
// endregion
// region Expertise

56
src/components/Landingpage.pug
View File

@@ -1,27 +1,31 @@
header.bg-nls-black.text-white
.teaser.p-8.flex.flex-col.items-center.justify-center.h-full(class="sm:p-20 min-h-[90vh]")
.max-w-3xl.mb-8(class="w-4/5")
object.w-full(data=title.logoSvg, type="image/svg+xml")
.text-center.max-w-3xl.center.py-8
h2.text-xl.opacity-80(class="sm:text-2xl", itemprop="name")= title.name
h1.text-md.opacity-60(class="sm:text-lg", itemprop="jobTitle")
| #{title.jobTitle[0]}
|
wbr
|
| & #{title.jobTitle[1]}
h2.text-2xl.mt-8.opacity-90.group(class="sm:text-5xl sm:mt-16", itemprop="email")
a(
onclick="umami.track('email clicked', { position: 'title', visitDuration: getVisitDuration() })",
onmouseover="umami.track('email hovered', { position: 'title', visitDuration: getVisitDuration() })",
href=footer.emailLink,
rel="noopener noreferrer",
itemprop="email"
)
span.whitespace-nowrap.items-center.opacity-10.transition(class="group-hover:opacity-100")
span 👋 
span(class="group-hover:underline-2") #{title.email[0]}
span.opacity-20 –
span(class="group-hover:opacity-20") #{title.email[1]}
span.opacity-20 –
span(class="group-hover:opacity-20") #{title.email[2]}
.teaser.p-8.flex.flex-col.items-center.justify-center(class="sm:p-20")
div.max-w-3xl.group.mb-8.relative(class="w-4/5 min-h-[90vh]")
a.absolute.inset-0.z-20.block(
onclick="umami.track('email clicked', { position: 'title', visitDuration: getVisitDuration() })",
onmouseover="umami.track('email hovered', { position: 'title', visitDuration: getVisitDuration() })",
href=footer.emailLink,
rel="noopener noreferrer",
itemprop="email"
)
img.z-0.left-0.top-0.right-0.bottom-20.absolute.w-full.opacity-0.transition(class="group-hover:opacity-80", src=landingpage.emojiSvg, type="image/svg+xml")
object.w-full.absolute.z-10(class="group-hover:opacity-90", data=landingpage.logoSvg, type="image/svg+xml")
.absolute.bottom-0.left-0.right-0
.bottom-0.text-center.max-w-3xl.center.py-8
h2.text-xl.font-semibold.opacity-80(class="sm:text-2xl", itemprop="name")= landingpage.name
h1.text-md.opacity-80(class="sm:text-lg", itemprop="jobTitle")
| #{landingpage.jobTitle[0]}
|
wbr
|
| & #{landingpage.jobTitle[1]}
h2.text-2xl.mt-8(class="sm:text-5xl sm:mt-16", itemprop="email")
.whitespace-nowrap.items-center.transition(class="group-hover:opacity-100")
span(class="group-hover:opacity-100") #{landingpage.email[0]}
span.opacity-20 –
span.opacity-90(class="group-hover:opacity-20") #{landingpage.email[1]}
span.opacity-20 –
span.opacity-90(class="group-hover:opacity-20") #{landingpage.email[2]}

2
src/components/Title.pug
View File

@@ -1,7 +1,7 @@
mixin Title(tag)
case tag
when "h2"
h2.font-bold.font-serif.text-xl.mb-4(class="sm:text-2xl w-5/6")
h2.font-bold.font-serif.text-xl.mb-2(class="sm:text-2xl w-5/6")
block
when "h3"
h3.font-bold.font-serif.text-xl.mb-4(class="sm:text-2xl w-5/6")