include Collapsable

section#academia.bg-nls-black.text-white
	.p-8(class="sm:p-20 min-h-[120vh]")
		.max-w-screen-md.mx-auto
			// region Computer Science
			h2.font-serif.text-xl.mb-4(class="sm:text-2xl w-5/6")= academia.sectionTitles.computerScience
			.mb-12
				.mb-8.max-w-prose.prose(class="lg:prose-xl")
					each paragraph in academia.intro
						p= paragraph
			// endregion

			// region Courses
			.grid.grid-cols-1.gap-6.mb-8(class="md:grid-cols-1")
				div
					details.mb-4
						summary.rounded-sm.text-white.transition.underline-offset-2.mb-2.cursor-pointer(
							class="focus:outline-none focus:z-10 focus:ring-4 focus:ring-white focus:bg-white focus:text-black focus:no-underline",
							onclick="umami.track('collapsable clicked', { category: 'courses dhbw', visitDuration: getVisitDuration() })"
						)= academia.courseInstitutions.dhbw
						ul.list-disc.list-inside
							li= academia.courses.dhbw[0]
				div
					details.mb-4
						summary.rounded-sm.text-white.transition.underline-offset-2.mb-2.cursor-pointer(
							class="focus:outline-none focus:z-10 focus:ring-4 focus:ring-white focus:bg-white focus:text-black focus:no-underline",
							onclick="umami.track('collapsable clicked', { category: 'courses leibniz-fh', visitDuration: getVisitDuration() })"
						)= academia.courseInstitutions.lfh
						ul.list-disc.list-inside
							each course in academia.courses.lfh
								li= course
			// endregion

			// region Skills
			h2.font-serif.text-xl.mb-4(class="sm:text-2xl w-5/6")= academia.sectionTitles.expertise
			p.mb-8.max-w-prose.prose(class="lg:prose-xl")
				| #{academia.expertise.intro}
			// endregion

			// region Expertise
			.grid.grid-cols-1.gap-6.mb-8(class="md:grid-cols-1")
				+Collapsable(academia.expertise.frontendTechnologies, true)
				+Collapsable(academia.expertise.devopsAndCloud)
				+Collapsable(academia.expertise.backendTechnologies)
				+Collapsable(academia.expertise.databaseAndData)
				+Collapsable(academia.expertise.crossPlatform)
				+Collapsable(academia.expertise.bestPractices)
				+Collapsable(academia.expertise.tracking)
			// endregion