dhorn/Protocol-oral-history-project
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

adds headshot resource support

Browse Source
This commit is contained in:
Drew
2025-04-25 21:33:57 -06:00
parent b89373b478
commit 451e860697
14 changed files with 122 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
assets/css/article.css Normal file
View File

@ -0,0 +1,44 @@
.interviewer-question {
font-style: italic;
color: #444;
margin-left: -1rem;
}
.article-title--single .article-title__narrator {
@apply mb-2 block font-light;
}
.article-title--single .article-title__subject {
font-size: 1.5em;
}
.article-title--list .article-title__narrator::after {
content: ":";
}
.article-title--list .article-title__subject {
@apply font-light;
}
.wompum-radial-grid {
@apply absolute w-full h-full top-0 left-0;
}
/* Narrator headshot */
.narrator__container {
@apply relative w-48 mb-2 mx-auto md:mx-0 bg-white rounded-full border-4 border-white;
}
.narrator__frame {
@apply relative p-4;
}
.narrator__frame img {
@apply w-full rounded-full object-cover relative z-10 bg-white text-center border-4 border-white grid place-items-center;
aspect-ratio: 1;
}
.narrator__wompum {
@apply absolute inset-0 w-full h-full;
}

43
assets/css/main.css
View File

@ -6,49 +6,6 @@ a:hover {
@apply text-pine-900;
}
.interviewer-question {
font-style: italic;
color: #444;
margin-left: -1rem;
}
.article-title--single .article-title__narrator {
@apply mb-2 block font-light;
}
.article-title--single .article-title__subject {
font-size: 1.5em;
}
.article-title--list .article-title__narrator::after {
content: ":";
}
.article-title--list .article-title__subject {
@apply font-light;
}
.wompum-radial-grid {
@apply absolute w-full h-full top-0 left-0;
}
.narrator__container {
@apply relative;
}
.narrator__frame {
@apply relative p-4;
}
.narrator__image {
@apply w-full rounded-full object-cover relative z-10 bg-white text-center border-4 border-white grid place-items-center;
aspect-ratio: 1;
}
.narrator__wompum {
@apply absolute inset-0 w-full h-full;
}
.tag {
@apply p-2 bg-sand-100 border border-transparent hover:border-sand-500 rounded-lg whitespace-nowrap hover:text-gray-900 hover:opacity-100 no-underline;
}

1
assets/css/styles.css
View File

@ -45,3 +45,4 @@ body {
@import "components/wompum.css";
@import "main.css";
@import "article.css";