update portfolio items; add new projects with descriptions and technologies, enhance carousel item layout for better presentation, and adjust collapsible component styles for improved interaction
This commit is contained in:
BIN
src/assets/portfolio/html-fundamentals.png
Normal file
BIN
src/assets/portfolio/html-fundamentals.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 188 KiB |
BIN
src/assets/portfolio/mandala.png
Normal file
BIN
src/assets/portfolio/mandala.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 846 KiB |
@@ -50,7 +50,7 @@ mixin Carousel(items, options)
|
||||
loading=index < 3 ? "eager" : "lazy"
|
||||
)
|
||||
if item.caption
|
||||
.p-4(class="sm:static sm:self-center")
|
||||
.p-4(class="sm:static sm:self-center sm:w-1/2")
|
||||
p.text-lg.pt-2.font-bold(class="sm:text-xl")= item.caption
|
||||
if item.description
|
||||
p.text-sm.mt-2(class="sm:text-base")= item.description
|
||||
|
||||
@@ -6,7 +6,7 @@ mixin Collapsable(name, data, open)
|
||||
|
||||
details.mb-4(open=isExpanded, name=name)
|
||||
summary(
|
||||
class=`${color} rounded-sm transition mb-2 cursor-pointer text-md font-semibold mb-2 cursor-pointer sm:text-lg focus:outline-none focus:z-10 focus:ring-4 focus:no-underline`,
|
||||
class=`${color} rounded-sm transition mb-2 cursor-pointer text-md font-semibold mb-2 cursor-pointer sm:text-lg focus:outline-none focus:z-10 focus:ring-2 focus:no-underline`,
|
||||
onclick=`umami.track('collapsable clicked', { category: '${category}', visitDuration: getVisitDuration() })`
|
||||
)= data.summary
|
||||
.text-slate-600(class="dark:text-stone-300")
|
||||
|
||||
Reference in New Issue
Block a user