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

539
.pugrc
View File

File diff suppressed because it is too large Load Diff

32
src/assets/waving-hand.svg Normal file
View File

@@ -0,0 +1,32 @@
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 749 724" width="749" height="724"><defs></defs><g transform="matrix(1,0,0,1,0,0.106536544)">
<g>
<g transform="matrix(1,0,0,1,375,362.5)">
<g>
<g>
<g>
<path d="M16.100000,48.500000C15.600000,48.400002 15.200000,48.299999 14.700000,48.099998 C14.200000,47.900002 13.800000,47.799999 13.400000,47.599998 C12.500000,47.200001 11.700000,46.700001 10.900000,46.099998 C9.300000,45.000000 8.000000,43.500000 7.000000,41.700001 C6.000000,40.000000 5.400000,38.000000 5.300000,36.099998 C5.200000,35.099998 5.300000,34.200001 5.400000,33.200001 C5.500000,32.700001 5.600000,32.299999 5.700000,31.799999 C5.800000,31.299999 6.000000,30.900000 6.100000,30.400000 C6.100000,30.400000 6.200000,31.799999 6.200000,31.799999 C6.200000,32.299999 6.300000,32.700001 6.400000,33.200001 C6.500000,34.099998 6.700000,35.000000 6.900000,35.799999 C7.300000,37.500000 7.900000,39.099998 8.800000,40.599998 C9.700000,42.099998 10.700000,43.500000 12.000000,44.799999 C12.600000,45.400002 13.300000,46.000000 14.000000,46.599998 C14.300000,46.900002 14.700000,47.200001 15.100000,47.500000 C15.100000,47.500000 16.100000,48.500000 16.100000,48.500000 " transform="matrix(12.5,0,0,12.5,-400,-400)" fill="#75c8ec"/>
<path d="M15.800000,52.099998C15.500000,52.299999 15.100000,52.400002 14.700000,52.500000 C14.300000,52.599998 14.000000,52.700001 13.600000,52.700001 C12.900000,52.799999 12.100000,52.900002 11.300000,52.799999 C9.800000,52.700001 8.200000,52.299999 6.900000,51.599998 C5.500000,50.900002 4.300000,49.799999 3.500000,48.500000 C3.100000,47.900002 2.700000,47.200001 2.400000,46.500000 C2.300000,46.200001 2.200000,45.799999 2.100000,45.400002 C2.100000,45.099998 2.000000,44.799999 2.000000,44.400002 C2.300000,44.700001 2.500000,45.000000 2.700000,45.200001 C3.000000,45.500000 3.200000,45.799999 3.400000,46.000000 C3.900000,46.500000 4.300000,47.000000 4.800000,47.400002 C5.800000,48.299999 6.800000,49.099998 8.000000,49.700001 C9.100000,50.299999 10.400000,50.799999 11.600000,51.200001 C12.200000,51.400002 12.900000,51.500000 13.600000,51.700001 C13.900000,51.799999 14.300000,51.799999 14.600000,51.900002 C15.100000,52.000000 15.400000,52.000000 15.800000,52.099998 " transform="matrix(12.5,0,0,12.5,-400,-400)" fill="#75c8ec"/>
<path d="M38.400002,3.500000C38.900002,3.600000 39.299999,3.800000 39.799999,4.000000 C40.299999,4.200000 40.700001,4.400000 41.099998,4.600000 C42.000000,5.100000 42.799999,5.600000 43.599998,6.200000 C45.200001,7.400000 46.500000,9.000000 47.400002,10.800000 C48.299999,12.600000 48.799999,14.600000 48.799999,16.500000 C48.799999,17.500000 48.700001,18.400000 48.500000,19.400000 C48.400002,19.900000 48.299999,20.299999 48.099998,20.799999 C47.900002,21.299999 47.799999,21.700001 47.599998,22.100000 C47.599998,22.100000 47.500000,20.700001 47.500000,20.700001 C47.500000,20.200001 47.500000,19.799999 47.400002,19.299999 C47.400002,19.299999 47.099998,16.600000 47.099998,16.600000 C46.799999,14.900000 46.200001,13.200000 45.400002,11.600000 C44.599998,10.000000 43.599998,8.600000 42.400002,7.300000 C41.799999,6.600000 41.099998,6.000000 40.500000,5.300000 C40.200001,5.000000 39.799999,4.700000 39.400002,4.400000 C39.400002,4.400000 38.400002,3.500000 38.400002,3.500000 " transform="matrix(12.5,0,0,12.5,-400,-400)" fill="#75c8ec"/>
<path d="M47.099998,3.100000C47.500000,3.200000 47.799999,3.300000 48.099998,3.500000 C48.400002,3.600000 48.799999,3.800000 49.099998,4.000000 C49.700001,4.400000 50.299999,4.800000 50.900002,5.300000 C52.000000,6.300000 52.900002,7.500000 53.400002,8.900000 C54.000000,10.300000 54.200001,11.800000 54.000000,13.300000 C53.900002,14.000000 53.700001,14.700000 53.500000,15.400000 C53.400002,15.700000 53.200001,16.100000 53.099998,16.400000 C52.900002,16.700001 52.799999,17.000000 52.500000,17.299999 C52.500000,17.299999 52.500000,15.300000 52.500000,15.300000 C52.500000,14.600000 52.400002,14.000000 52.400002,13.400000 C52.200001,12.100000 52.000000,10.900000 51.500000,9.800000 C51.000000,8.600000 50.400002,7.600000 49.700001,6.500000 C49.299999,6.000000 48.900002,5.400000 48.500000,4.900000 C48.299999,4.600000 48.099998,4.400000 47.799999,4.100000 C47.599998,3.600000 47.299999,3.300000 47.099998,3.100000 " transform="matrix(12.5,0,0,12.5,-400,-400)" fill="#75c8ec"/>
</g>
<g>
<path d="M10.000000,18.000000C8.000000,18.900000 7.300000,21.299999 8.200000,23.299999 C8.200000,23.299999 20.799999,49.599998 20.799999,49.599998 C20.799999,49.599998 27.799999,46.299999 27.799999,46.299999 C27.799999,46.299999 15.200000,19.900000 15.200000,19.900000 C14.300000,17.900000 12.000000,17.000000 10.000000,18.000000 " transform="matrix(12.5,0,0,12.5,-400,-400)" fill="#d40050"/>
<path d="M43.099998,38.900002C43.099998,38.900002 50.500000,35.400002 50.500000,35.400002 C50.500000,35.400002 36.099998,5.400000 36.099998,5.400000 C35.099998,3.400000 32.700001,2.500000 30.600000,3.500000 C28.600000,4.500000 27.700001,6.900000 28.700001,9.000000 C28.700001,9.000000 43.099998,38.900002 43.099998,38.900002 " transform="matrix(12.5,0,0,12.5,-400,-400)" fill="#d40050"/>
</g>
<path d="M30.700001,3.400000C30.500000,3.500000 30.299999,3.600000 30.100000,3.800000 C32.000000,3.300000 34.000000,4.200000 34.900002,6.000000 C34.900002,6.000000 49.299999,36.000000 49.299999,36.000000 C49.299999,36.000000 50.599998,35.400002 50.599998,35.400002 C50.599998,35.400002 36.200001,5.400000 36.200001,5.400000 C35.200001,3.300000 32.799999,2.400000 30.700001,3.400000 " transform="matrix(12.5,0,0,12.5,-400,-400)" fill="#b30848"/>
<path d="M27.799999,46.200001C27.799999,46.200001 35.500000,42.500000 35.500000,42.500000 C35.500000,42.500000 20.799999,11.900000 20.799999,11.900000 C19.799999,9.800000 17.200001,8.800000 15.100000,9.800000 C13.000000,10.800000 12.100000,13.400000 13.100000,15.500000 C13.100000,15.500000 27.799999,46.200001 27.799999,46.200001 " transform="matrix(12.5,0,0,12.5,-400,-400)" fill="#d60654"/>
<path d="M15.100000,9.900000C14.900000,10.000000 14.700000,10.100000 14.500000,10.300000 C16.400000,9.800000 18.600000,10.700000 19.500000,12.600000 C19.500000,12.600000 28.600000,31.700001 28.600000,31.700001 C28.600000,31.700001 30.799999,33.000000 30.799999,33.000000 C30.799999,33.000000 20.799999,12.000000 20.799999,12.000000 C19.799999,9.800000 17.299999,8.900000 15.100000,9.900000 " transform="matrix(12.5,0,0,12.5,-400,-400)" fill="#b20748"/>
<path d="M34.299999,40.099998C34.299999,40.099998 42.000000,36.400002 42.000000,36.400002 C42.000000,36.400002 27.299999,5.800000 27.299999,5.800000 C26.299999,3.700000 23.700001,2.700000 21.600000,3.800000 C19.500000,4.800000 18.600000,7.400000 19.600000,9.500000 C19.600000,9.500000 34.299999,40.099998 34.299999,40.099998 " transform="matrix(12.5,0,0,12.5,-400,-400)" fill="#d40050"/>
<g>
<path d="M21.600000,3.700000C21.400000,3.800000 21.200001,4.000000 21.000000,4.100000 C22.900000,3.600000 25.100000,4.500000 26.000000,6.400000 C26.000000,6.400000 36.299999,28.000000 36.299999,28.000000 C36.299999,28.000000 38.500000,29.299999 38.500000,29.299999 C38.500000,29.299999 27.299999,5.800000 27.299999,5.800000 C26.299999,3.600000 23.700001,2.700000 21.600000,3.700000 " transform="matrix(12.5,0,0,12.5,-400,-400)" fill="#b30848"/>
<path d="M10.000000,18.000000C9.800000,18.100000 9.600000,18.200001 9.400000,18.400000 C11.200000,17.900000 13.100000,18.799999 13.900000,20.600000 C13.900000,20.600000 21.400000,36.299999 21.400000,36.299999 C21.400000,36.299999 23.600000,37.599998 23.600000,37.599998 C23.600000,37.599998 15.200000,20.000000 15.200000,20.000000 C14.300000,17.900000 12.000000,17.000000 10.000000,18.000000 " transform="matrix(12.5,0,0,12.5,-400,-400)" fill="#b30848"/>
</g>
<path d="M60.799999,15.000000C58.099998,12.900000 53.700001,15.200000 51.500000,22.400000 C50.000000,27.400000 49.799999,28.900000 46.599998,30.400000 C46.599998,30.400000 44.799999,26.700001 44.799999,26.700001 C44.799999,26.700001 16.400000,40.400002 17.500000,42.599998 C17.500000,42.599998 20.900000,53.200001 26.700001,58.099998 C35.299999,65.500000 55.400002,57.599998 56.299999,38.500000 C56.799999,27.400000 63.700001,17.299999 60.799999,15.000000 " transform="matrix(12.5,0,0,12.5,-400,-400)" fill="#d40050"/>
<g>
<path d="M60.799999,15.000000C60.299999,14.600000 59.700001,14.400000 59.099998,14.300000 C59.200001,14.400000 59.400002,14.400000 59.500000,14.500000 C62.500000,16.799999 59.400002,22.100000 57.700001,26.900000 C56.299999,30.700001 55.099998,34.599998 55.299999,38.400002 C56.099998,55.000000 39.400002,62.900002 29.400000,59.900002 C39.200001,64.000000 57.400002,56.200001 56.599998,38.900002 C56.400002,35.099998 57.500000,31.400000 59.000000,27.400000 C60.599998,22.600000 63.700001,17.299999 60.799999,15.000000 " transform="matrix(12.5,0,0,12.5,-400,-400)" fill="#b30848"/>
<path d="M47.500000,30.000000C41.299999,30.700001 32.200001,39.599998 38.599998,49.299999 C33.900002,39.500000 41.599998,32.900002 46.500000,30.600000 C47.000000,30.200001 47.500000,30.000000 47.500000,30.000000 " transform="matrix(12.5,0,0,12.5,-400,-400)" fill="#b30848"/>
</g>
</g>
</g>
</g>
</g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB

8
src/components/Academia.pug
View File

@@ -10,7 +10,7 @@ section#academia.bg-nls-black.text-white
.mb-12 .mb-12
.mb-8.max-w-prose.prose(class="lg:prose-xl") .mb-8.max-w-prose.prose(class="lg:prose-xl")
each paragraph, i in academia.intro 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 p(class=additionalClasses)= paragraph
// endregion // endregion
@@ -37,8 +37,10 @@ section#academia.bg-nls-black.text-white
// region Skills // region Skills
+Title("h2")= academia.sectionTitles.expertise +Title("h2")= academia.sectionTitles.expertise
p.mb-8.max-w-prose.prose(class="lg:prose-xl") .mb-8.max-w-prose.prose(class="lg:prose-xl")
| #{academia.expertise.intro} 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 // endregion
// region Expertise // region Expertise

56
src/components/Landingpage.pug
View File

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