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

update personal information and layout; change author name, update URLs, and enhance footer and landing page styles for improved presentation

Browse Source
This commit is contained in:
Michael Czechowski
2025-06-16 20:31:04 +02:00
parent 03ec32dd79
commit ba25e3ab2f
5 changed files with 56 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/CV_202506_Michael-Werner-Czechowski_de.pdf Normal file
View File

Binary file not shown.

9
src/components/Footer.pug
View File

@@ -20,8 +20,9 @@ mixin Svg
svg.w-24.h-24(class="sm:w-8 sm:h-8", aria-hidden="true", fill="currentColor", viewbox="0 0 24 24")
block
footer#footer
.p-8.bg-white.text-nls-black.pt-20(class="sm:pt-48 dark:bg-nls-black dark:text-white sm:p-20")
footer#footer.mt-24(class="border-t border-nls-black dark:border-nls-white")
//- Footer content
.p-8.py-20.bg-white.text-nls-black(class="sm:py-36 dark:bg-nls-black dark:text-white sm:p-20")
+Container
// region Contact
h2.text-4xl.mb-4 #{footer.title}
@@ -61,8 +62,8 @@ footer#footer
onclick="umami.track('email clicked', { position: 'footer', visitDuration: getVisitDuration() })"
) #{footer.emailText}
+Link("./src/assets/CV_2024_Michael-Werner-Czechowski_de.pdf", "Download CV (PDF)", "_blank", "noopener noreferrer")
+Link("./src/assets/CV_202506_Michael-Werner-Czechowski_de.pdf", "Download CV (PDF)", "_blank", "noopener noreferrer")
| CV
+Link("https://git.dailysh.it/nextlevelshit/dailysh.it", "Visit git repository (gitea)", "_blank", "noopener noreferrer")= footer.gitea
//+Link("https://git.dailysh.it/nextlevelshit/dailysh.it", "Visit git repository (gitea)", "_blank", "noopener noreferrer")= footer.gitea
// endregion

41
src/components/Landingpage.pug
View File

@@ -1,8 +1,12 @@
header.bg-white.text-nls-black.relative.overflow-hidden(class="dark:text-white dark:bg-nls-black")
header.bg-white.text-nls-black.relative.overflow-hidden(class="dark:text-white dark:bg-nls-black border-b border-nls-black dark:border-nls-white")
.teaser.p-8.flex.flex-col.items-center.justify-center(class="sm:p-20")
.max-w-3xl.mb-8.relative(class="w-4/5 min-h-[90vh]")
.peer.absolute.bottom-0.left-0.right-0.z-40.text-center.max-w-3xl.center.py-8.pointer-events-none
h2.tracking-normal.font-serif.text-xl.font-semibold.opacity-100.transition(class="sm:text-2xl peer-hover:opacity-100", itemprop="name")= landingpage.name
// Container for name with shadow effect
.relative.inline-block#name-container
h2.relative.z-10.tracking-normal.font-serif.text-2xl.font-semibold.opacity-100.transition(class="sm:text-3xl peer-hover:opacity-100", itemprop="name")
span.relative.mr-2#first-name= landingpage.name[0]
span.relative#last-name= landingpage.name[1]
h1.tracking-normal.text-md.mb-16.opacity-95.transition(class="sm:text-lg peer-hover:opacity-100", itemprop="jobTitle")
| !{landingpage.jobTitle[0]}
@@ -15,6 +19,39 @@ header.bg-white.text-nls-black.relative.overflow-hidden(class="dark:text-white d
script(src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js")
//script.
// // Shadow text injection - runs after DOM loads
// document.addEventListener('DOMContentLoaded', () => {
// const firstNameSpan = document.getElementById('first-name');
// const lastNameSpan = document.getElementById('last-name');
//
// // Rule: first letter + remaining letter count
// const firstName = '#{landingpage.name[0]}'; // "Michael"
// const lastName = '#{landingpage.name[1]}'; // "Czechowski"
//
// const generateShadowText = (word) => {
// const firstLetter = word.charAt(0);
// const remainingCount = word.length - 1;
// return firstLetter + remainingCount;
// };
//
// // Create shadow elements
// const createShadow = (text) => {
// const shadow = document.createElement('div');
// shadow.className = 'absolute text-5xl sm:text-7xl font-black opacity-15 pointer-events-none select-none -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2';
// shadow.textContent = text;
// return shadow;
// };
//
// // Generate M6 and C9 based on rule
// const m6Shadow = createShadow(generateShadowText(firstName)); // M6
// const c9Shadow = createShadow(generateShadowText(lastName)); // C9
//
// // Append shadows to their respective spans
// firstNameSpan.appendChild(m6Shadow);
// lastNameSpan.appendChild(c9Shadow);
// });
script.
class GuillocheCurtain {
constructor(canvas, options = {}) {

2
src/components/Portfolio.pug
View File

@@ -2,7 +2,7 @@ include Carousel
include Container
include Title
section#portfolio
section#portfolio(class="border-t border-nls-black dark:border-nls-white")
.p-8.bg-nls-white.text-nls-black(class="dark:bg-nls-black dark:text-white sm:py-32")
+Container
+Title("h2", true)