Converted 'article' nomenclature to 'interview'

This commit is contained in:
Nathan Schneider
2025-04-30 22:55:43 -06:00
parent f7bbe50ff7
commit 7ef9e26166
27 changed files with 92 additions and 92 deletions

View File

@ -4,7 +4,7 @@
}
.wompum-container .wompum-grid,
.wompum-container .wompum-article-grid {
.wompum-container .wompum-interview-grid {
gap: 2px;
height: 100%;
min-height: 2px;
@ -12,17 +12,17 @@
}
.wompum-container--wide-gap .wompum-grid,
.wompum-container--wide-gap .wompum-article-grid {
.wompum-container--wide-gap .wompum-interview-grid {
gap: 1rem;
}
.wompum-container--no-gap .wompum-grid,
.wompum-container--no-gap .wompum-article-grid {
.wompum-container--no-gap .wompum-interview-grid {
gap: 0;
}
.wompum-grid,
.wompum-article-grid {
.wompum-interview-grid {
display: grid;
width: 100%;
}

View File

@ -4,23 +4,23 @@
margin-left: -1rem;
}
.article-title--single .article-title__narrator {
.interview-title--single .interview-title__narrator {
@apply mb-2 block font-light;
}
.article-title--single .article-title__subject {
.interview-title--single .interview-title__subject {
font-size: 1.5em;
}
.article-title--list {
.interview-title--list {
@apply text-2xl font-bold text-gray-900 group-hover:text-pine-900 underline underline-offset-5 decoration-sand-500 hover:decoration-pine-900
dark:text-sand-100 dark:group-hover:text-sand-500 dark:decoration-sand-900 dark:hover:decoration-sand-500;
}
.article-title--list .article-title__narrator::after {
.interview-title--list .interview-title__narrator::after {
content: ":";
}
.article-title--list .article-title__subject {
.interview-title--list .interview-title__subject {
@apply font-light;
}

View File

@ -50,4 +50,4 @@ body {
@import "components/wompum.css";
@import "fonts.css";
@import "main.css";
@import "article.css";
@import "interview.css";

View File

@ -98,7 +98,7 @@ class WompumGrid {
}
}
class ArticleGrid extends WompumGrid {
class InterviewGrid extends WompumGrid {
constructor(element, metadata) {
super(element);
this.metadata = metadata;
@ -249,16 +249,16 @@ document.addEventListener('DOMContentLoaded', () => {
grid.init();
});
// Initialize article grids
document.querySelectorAll('.wompum-article-grid').forEach(element => {
// Initialize interview grids
document.querySelectorAll('.wompum-interview-grid').forEach(element => {
let metadata = {};
try {
metadata = JSON.parse(element.dataset.metadata || '{}');
} catch (e) {
console.error('Error parsing metadata for article grid:', e);
console.error('Error parsing metadata for interview grid:', e);
}
const grid = new ArticleGrid(element, metadata);
const grid = new InterviewGrid(element, metadata);
grid.init();
});