andrew/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixes case study card click effect on mobile, adds page title to case studies list page

Browse Source
This commit is contained in:
Andrew Gioia 2026-05-08 17:20:42 -04:00
parent e851c2c8e3
commit 9b57f1325f
Signed by: andrew
GPG Key ID: FC09694A000800C8
2 changed files with 25 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
assets/css/site.css
View File

@ -1303,6 +1303,11 @@ body.simple {
article { article {
margin: 0 -1.5rem; margin: 0 -1.5rem;
width: auto; width: auto;
/* revert the click effect */
&:has(a:active) {
margin: calc(0.5rem - 2px) -1.5rem 0;
}
} }
} }
} }
@ -1486,6 +1491,19 @@ body.simple {
} }
} }
/* adjust the case study cards on the list page */
body.simple
{
section#studies {
padding-top: 2rem;
article {
margin-left: 0;
margin-right: 0;
}
}
}
/* case study background handling */ /* case study background handling */
section#studies section#studies
{ {
@ -1507,10 +1525,10 @@ body.simple {
gap: 2rem; gap: 2rem;
} }
/* inset the article when clicking the link */ /* inset the article when clicking the link; this needs !important b/c of the mx-0 above */
&:has(a:active) { &:has(a:active) {
box-shadow: none; box-shadow: none;
margin: 0.5rem -0.5rem -0.5rem 0.5rem; margin: 0.5rem -0.5rem -0.5rem 0.5rem !important;
} }
&#honeycomb { &#honeycomb {
@ -1532,18 +1550,6 @@ body.simple {
} }
} }
/* adjust the case study cards on the list page */
body.simple
{
section#studies {
padding-top: 2rem;
article {
margin: 0;
}
}
}
/* honeycomb case study art */ /* honeycomb case study art */
body#honeycomb main > header #grid { body#honeycomb main > header #grid {
--shape-size: 14dvh; --shape-size: 14dvh;

6
layouts/_default/baseof.html
View File

@ -31,9 +31,13 @@
<body id='{{ with .Params.body.id }}{{ . }}{{ else }}{{ with .Slug }}{{ . }}{{ else }}default{{ end }}{{ end }}'{{ with .Params.body.class }} class='{{ . }}'{{ end }}> <body id='{{ with .Params.body.id }}{{ . }}{{ else }}{{ with .Slug }}{{ . }}{{ else }}default{{ end }}{{ end }}'{{ with .Params.body.class }} class='{{ . }}'{{ end }}>
{{- $pageLabel := "" -}} {{- $pageLabel := "" -}}
{{- $pageHref := "" -}} {{- $pageHref := "" -}}
{{- if and .IsSection (eq .Section "studies") -}}
{{- $pageLabel = "Case studies" -}}
{{- $pageHref = "/studies" | relURL -}}
{{- end -}}
{{- if and .IsPage (eq .Section "studies") -}} {{- if and .IsPage (eq .Section "studies") -}}
{{- $pageLabel = "Case study" -}} {{- $pageLabel = "Case study" -}}
{{- $pageHref = "/#studies" | relURL -}} {{- $pageHref = "/studies" | relURL -}}
{{- end -}} {{- end -}}
{{- with .Params.header.page -}} {{- with .Params.header.page -}}
{{- with .title -}} {{- with .title -}}