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

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

22
.pugrc
View File

@@ -2,29 +2,29 @@
"locals": {
"lang": "en",
"head": {
"author": "Michael W. Czechowski",
"author": "Michael Werner Czechowski",
"charset": "UTF-8",
"description": "Michael W. Czechowski: Visionary Software Architect with 20+ years of experience transforming businesses through cutting-edge web technologies and enterprise solutions. Trusted advisor to C-level executives, delivering strategic insights and innovative architectures that drive digital transformation and competitive advantage.",
"description": "Michael Werner Czechowski: Visionary Software Architect with 20+ years of experience transforming businesses through cutting-edge web technologies and enterprise solutions. Trusted advisor to C-level executives, delivering strategic insights and innovative architectures that drive digital transformation and competitive advantage.",
"distribution": "global",
"keywords": "software engineering, software development, software architect, platform architect, cloud architecture, web development, leadership, enterprise solutions, digital transformation, c-level consultant, stuttgart, open source, 20 years experience, Michael Czechowski",
"lang": "en",
"language": "English",
"ogDescription": "Expert in Web Technologies & dedicated lecturer in Software Engineering ...",
"ogImage": "./src/assets/og-image.png",
"ogTitle": "Michael W. Czechowski - Expert in Web Technologies & dedicated lecturer in Software Engineering",
"ogTitle": "Michael Werner Czechowski - Expert in Web Technologies & dedicated lecturer in Software Engineering",
"ogType": "website",
"ogUrl": "https://dailysh.it/",
"ogUrl": "https://M6C9.de/",
"rating": "general",
"revisitAfter": "7 days",
"robots": "index, follow",
"title": "Michael W. Czechowski - Expert in Web Technologies & dedicated lecturer in Software Engineering",
"title": "Michael Werner Czechowski - Expert in Web Technologies & dedicated lecturer in Software Engineering",
"twitterCard": "summary_large_image",
"twitterDescription": "Expert in Web Technologies & dedicated lecturer in Software Engineering ...",
"twitterImage": "./src/assets/twitter-image.png",
"twitterTitle": "Michael W. Czechowski - Expert in Web Technologies & dedicated lecturer in Software Engineering",
"twitterUrl": "https://dailysh.it/",
"twitterTitle": "Michael Werner Czechowski - Expert in Web Technologies & dedicated lecturer in Software Engineering",
"twitterUrl": "https://M6C9.de/",
"umamiId": "9e83ef75-cbfb-49cf-ae4f-a7485ca46ba8",
"umamiSrc": "https://dailysh.it/u/script.js",
"umamiSrc": "https://M6C9.de/u/script.js",
"viewport": "width=device-width, initial-scale=1.0"
},
"footer": {
@@ -33,7 +33,7 @@
"githubUrl": "https://github.com/nextlevelshit",
"linkedinUrl": "https://www.linkedin.com/in/michael-werner-czechowski/",
"xingUrl": "https://www.xing.com/profile/Michael_Czechowski",
"emailLink": "mailto:hello@dailysh.it?subject=Hi",
"emailLink": "mailto:hello@M6C9.de?subject=Hi",
"emailText": "Electronic Mail",
"riskUrl": "https://nextlevelshit.github.io/xstate-vue/",
"riskImgSrc": "./src/assets/nxlsht.png",
@@ -43,8 +43,8 @@
"gitea": "Gitea"
},
"landingpage": {
"email": ["hello", "at", "dailysh.it"],
"name": "Michael W. Czechowski",
"email": ["hello", "at", "M6C9.de"],
"name": ["Michael", "Czechowski"],
"logoSvg": "./src/assets/nls.svg",
"logoSvgInverted": "./src/assets/nls_inverted.svg",
"emojiSvg": "./src/assets/waving-hand.svg",

Binary file not shown.

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

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 = {}) {

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)