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

update job titles and layout; add <nobr> tags to job titles for better formatting, adjust layout for expertise and academic courses sections to improve responsiveness

Browse Source
This commit is contained in:
Michael Czechowski
2025-06-14 19:03:53 +02:00
parent 4eb3ca5690
commit cd832e9e14
3 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.pugrc
View File

@@ -48,7 +48,7 @@
"logoSvg": "./src/assets/nls.svg",
"logoSvgInverted": "./src/assets/nls_inverted.svg",
"emojiSvg": "./src/assets/waving-hand.svg",
"jobTitle": ["Expert in Web Technologies", "dedicated Software Engineering Lecturer"]
"jobTitle": ["Expert in <nobr>Web Technologies</nobr>", "dedicated <nobr>Software Engineering Lecturer</nobr>"]
},
"brands": [
{

32
src/components/Academia.pug
View File

@@ -13,16 +13,17 @@ section#academia
p(class=`text-slate-700 dark:text-slate-300 ${additionalClasses}`) !{paragraph}
// endregion
// region Expertise
.grid.grid-cols-1.gap-6.mb-8.col-span-1.self-start(class="xl:gap-2 xl:mt-28 xl:grid-cols-1 xl:grid-cols-2")
+Collapsable(null, academia.expertise.frontendTechnologies)
+Collapsable(null, academia.expertise.devopsAndCloud)
+Collapsable(null, academia.expertise.backendTechnologies)
+Collapsable(null, academia.expertise.databaseAndData)
+Collapsable(null, academia.expertise.crossPlatform)
+Collapsable(null, academia.expertise.bestPractices)
+Collapsable(null, academia.expertise.tracking)
// endregion
.mx-auto.max-w-screen-sm.w-full
// region Expertise
.grid.grid-cols-1.gap-6.mb-8.col-span-1.self-start(class="xl:gap-2 xl:mt-28 xl:grid-cols-1 xl:grid-cols-2")
+Collapsable(null, academia.expertise.frontendTechnologies)
+Collapsable(null, academia.expertise.devopsAndCloud)
+Collapsable(null, academia.expertise.backendTechnologies)
+Collapsable(null, academia.expertise.databaseAndData)
+Collapsable(null, academia.expertise.crossPlatform)
+Collapsable(null, academia.expertise.bestPractices)
+Collapsable(null, academia.expertise.tracking)
// endregion
+Container
// region Computer Science
@@ -34,8 +35,9 @@ section#academia
p(class=`text-slate-700 dark:text-slate-300 ${additionalClasses}`) !{paragraph}
// endregion
// region Academic Courses
.grid.grid-cols-1.gap-6.mb-8.col-span-1.self-start(class="xl:gap-2 xl:mt-28 xl:grid-cols-1")
each institution in academia.institutions
+Collapsable("academia", institution)
// endregion
.mx-auto.max-w-screen-sm.w-full
// region Academic Courses
.grid.grid-cols-1.gap-6.mb-8.col-span-1.self-start(class="xl:gap-2 xl:mt-28 xl:grid-cols-1")
each institution in academia.institutions
+Collapsable("academia", institution)
// endregion

4
src/components/Landingpage.pug
View File

@@ -5,11 +5,11 @@ header.bg-white.text-nls-black.relative.overflow-hidden(class="dark:text-white d
h2.tracking-normal.font-serif.text-xl.font-semibold.opacity-100.transition(class="sm:text-2xl peer-hover:opacity-100", itemprop="name")= landingpage.name
h1.tracking-normal.text-md.mb-16.opacity-95.transition(class="sm:text-lg peer-hover:opacity-100", itemprop="jobTitle")
| #{landingpage.jobTitle[0]}
| !{landingpage.jobTitle[0]}
|
wbr
|
| &amp; #{landingpage.jobTitle[1]}
| &amp; !{landingpage.jobTitle[1]}
canvas#aurora-canvas.absolute.z-0.left-0.right-0.bottom-0.top-0.mx-auto.transition.w-full(class="h-[100vh]")